Kategoriler
Grafik Unsurları grafikler Web tasarım Web Tasarım Nedir? WebTasarım

Web Tasarım Nasıl Yapılır? Başlıca Bileşenleri Nelerdir?

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text]

Web Tasarım 

Herhangi bir kurum, kişi ya da hizmete yönelik olarak hazırlanması planlanan internet sitesinin oluşum aşamasına web tasarım denilmektedir. Bu aşamanın tamamlanmasıyla beraber, kullanıcılar web sitesine erişebilmektedir. Ancak, kullanıcıların site içersindeki rahatlığı ve kullanıcıya mümkün olduğu kadar ulaşabilmek web tasarımcısının hedefidir. Bu nedenle web tasarım yapılırken çeşitli komponentler dikkate alınır.

Web Tasarım Nasıl Yapılır? Başlıca Bileşenleri Nelerdir?

Web tasarım yapılırken öncelikle sitenin hangi amaca hizmet edeceğini öğrenmek, hedef kitlesini analiz etmek, isteklere cevap vermek, kullanıcı kolaylığını en başta tutarak sitenin sağlamakta olduğu ürün ya da hizmeti gözönüne çıkarmak önem taşır. Kullanıcıya göre tasarım stratejisi geliştirmek web tasarımcısı için oldukça önemlidir. Daha sonra gerekli komponentlerin ihtiyaçlar doğrultusunda bir araya getirilmesi gerekmektedir:

Akış

Renkler

Grafik Unsurları

İçerik

Pluginler

Web Tasarım Nasıl Yapılır? Başlıca Bileşenleri Nelerdir? 1
Web Tasarım Nedir?
  1. Akış:

    Web sitesi tasarlarken sitenizin içeriğinin ve ne hakkında olduğunun, kullanıcı tarafından ilk bir kaç saniyede anlaşılması önemlidir. Daha sonra da sitenizde kendi belirtmek istediğiniz ve farkınızı öne çıkaracak ayrıntıları dikkat çekici bir şekilde ancak kullanıcıyı yormadan ortaya çıkarmak gereklidir. Daha sonrasında bu bilgilerin, kullanıcının takip edebileceği bir mantık düzeni içerisinde ilk sayfada linkler, başlıklar ve grafikler halinde kullanıcıya sunmak önemlidir.

  2. Renkler:

    Renkler tasarımcı tarafından, sitenin içeriğine ve mevcut yılın trendlerine göre farklılıklar gösterebilmektedir. Bayanlara yönelik sitelerde daha çok açık ve pembe ve mor renkleri tercih edilirken, müzisyenlere yönelik sitelerde kahverengi ve siyah tonlarının ağırlıkta olduğunu göreceksiniz. Renkler karar verilirken hangi rengin psikolojik olarak neyi yansıttığına iyi karar vermek gereklidir.

  3. Grafik Unsurları:

    Bazen bir şematik görünüm, resim ya da video kelimelerin anlatabileceğini çok daha hızlı bir şekilde anlatabilmekte ve görselliğe de katkı da bulunmaktadır. Böylece kullanıcı daha hızlı bir şekilde cezbedilir ve mevcut içeriğe yönlendirilebilir. Tabi ki yazı fontları da bu görsellikte önemli bir paya sahiptir. Tasarıma göre ve dikkat çekilmesi gereken başlıklara göre yazı renkleri ve fontları kullanıcının içeriğe etkin bir şekilde erişimini sağlar.

  4. İçerik:

    İçeriğin her ne kadar SEO için önemli olduğu ve tasarımda yerinin çok büyük olmadığını düşünenler olsa da iyi bir düzende yazılmış bir içerik tasarımla uyum göstermektedir. Ana başlıktan sonra yer alacak kısa bir açıklayıcı yazı ve alt başlık altında yazılan kısa paragraflar ya da maddeler halinde yazılmış bir içerik kullanıcının okumasını kolaylaştıracak ve genel olarak farklı tasarımlara olanak sağlayacaktır.

  5. Pluginler:

    Pluginler bir site tasarımında hem arka uç hem de ön uç olarak bulunmaktadırlar. Sitenin içerik ve amacına bağlı olarak, görselliğe, içeriğe, SEO’ya ve performansa, hızlandırmayla, tablolarla, yeni grafik ve içerik yazılım bileşenleriyle çok  farklı alanlarda etki edebilmektedir. Bu yüzden sitenin ihtiyacı olan yazılımlar iyi bir şekilde belirlenmelidir.

[/fusion_text][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#00bcd4″ top_margin=”20″ bottom_margin=”20″ border_size=”2″ icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” /][fusion_blog layout=”grid” blog_grid_columns=”2″ blog_grid_column_spacing=”40″ number_posts=”6″ offset=”0″ cat_slug=”” exclude_cats=”” orderby=”date” order=”DESC” thumbnail=”yes” title=”yes” title_link=”yes” excerpt=”yes” excerpt_length=”12″ strip_html=”yes” meta_all=”yes” meta_author=”yes” meta_categories=”yes” meta_comments=”yes” meta_date=”yes” meta_link=”yes” meta_tags=”yes” scrolling=”pagination” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” /][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”#00bcd4″ top_margin=”20″ bottom_margin=”20″ border_size=”2″ icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Kategoriler
Seo sosyal medya Web tasarım

SEO’ya Yönelik WEB Tasarımında Nelere Dikkat Etmeliyim?

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_opacity=”0.5″ border_style=”solid”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text]

SEO ve Web Tasarim

SEO ile ilgilenen ya da kendi sitelerinde sağlıklı bir arama motoru optimizasyonuna sahip bir çok kişi, iyi bir optimizasyonun yalnızca yazılardan ibaret olduğunu düşünebilir. Ancak, SEO’yu bir bütün olarak gördüğümüzde, ilgi alanları, dikkat süreleri, dikkat çekebilme insani faktörler, ziyaretçi süresi ve ziyaretçi devamlılığı ve tıklama sayısını kesin olarak etkilemektedir. Bu konuda tasarımında etkisi belki de bir çoğumuzun tahmin edeceğinden de fazladır. Hatta özellikle Kuzey Avrupa’da yalnızca SEO’ya yönelik tasarım alanında uzmanlaşan WEB tasarımcılarının sayısı gün geçtikçe artıyor. Peki SEO konusunda bir site tasarımında nelere mi dikkat etmeli?

  1. Flash Tasarımlarından ve Resim İçerisindeki Yazılardan Kaçının!

Tabi ki, flash tasarımlarının efekt kalitesi büyüleyici ancak flash kullanarak yapacağınız tasarımların hiç birinde yazılar arama motorları tarafından algılanamayacağından, kaliteli bir optimizasyon mümkün olmayacaktır. Aynı sebeple, şekillere gömülmüş yazılar da arama motorları tarafından saptanamayacaktır.

  1. Anasayfa İçeriğini Artırmaya Yönelik Yollar Bulun

Anasayfa içeriğini artırmak SEO için en bilinen çözümlerin başında gelir. Ancak, genelde bunu en önemli sayfa olan anasayfada yapmak oldukça zordur. Bu yüzden tasarımınızı, blog giriş içeriği ve önemli linklerinizi açıklayacak bölümler, referanslar gibi bir çok kesitlere yer verecek şekilde yaparsanız sayfa içeriğini artırabilirsiniz.

SEO Uzman
SEO Uzman
  1. Başlık Uzunluğu ve Yeri

Bir çok tasarımcının hata yaptığı bir diğer konu da başlıklardır. Başlık puntosu ne çok büyük ne de çok küçük olarak seçilmelidir ve ayrıca bir ana başlık 65 karakteri geçmemelidir. Ayrıca, başlık yeri tasarıma göre değişse de genel olarak, başlığın sola yatık bulunması okuyucu açısından kolaylık sağlar.

Bunun amacı başlığın tüm dikkati üzerine çekmesi ve bu sayede okuyucuyu yazının geri kalanını okumaya teşvik etmesi gerektiğidir. Böylece, sitedeki oturum süresinin uzatılması hedeflenerek internet sitesinin arama motorundaki pozisyonu artırılır.

  1. “Buraya Tıklayın” Link Düzeni

Eğer ki, yönlendireceğiniz sayfa bulunulan sayfa ile doğrudan ilişkili ise, bunu arama motorunun anlaması sitenin optimizasyonu için daha yararlı olacaktır. Bu yüzden yönlendirilecek sitenin anahtar kelimesini yazı linkinde kullanmak yararlıdır.

  1. Çok Sayıda Yüksek Boyutlu Grafiksel İçerikten Kaçının

Resim boyutlarınıza, kullanılan pluginlere, daha doğrusu sayfanızı yavaşlatma ihtimali olan her şeye dikkat edin. Unutmayın, yavaş açılan bir internet sitesi, hemen çıkma oranını artıracaktır.

  1. Sosyal Medya Butonlarını İhmal Etmeyin

Sosyal medya butonlarını tasarımınıza göre rahatlıkla bulunabilecek yerlerde tutun. Bu ziyaretçilerinizin sosyal medyada içeriğinizi paylaşabileceğini hatırlatacaktır ve bu da size daha çok tıklama sayısı anlamına gelmektedir.

[/fusion_text][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” sep_color=”#00bcd4″ top_margin=”20″ bottom_margin=”20″ border_size=”3″ alignment=”center” /][fusion_button link=”http://www.seovyo.com/tr/iletisim-2/” target=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” color=”green” type=”flat” size=”xlarge” stretch=”yes” shape=”square” icon=”fa-plus-circle” icon_position=”left” icon_divider=”yes” animation_direction=”left” animation_speed=”0.3″]Teklif al ..[/fusion_button][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” sep_color=”#00bcd4″ top_margin=”20″ bottom_margin=”20″ border_size=”3″ alignment=”center” /][fusion_blog layout=”medium alternate” blog_grid_columns=”3″ blog_grid_column_spacing=”40″ number_posts=”6″ offset=”0″ orderby=”date” order=”DESC” thumbnail=”yes” title=”yes” title_link=”yes” excerpt=”yes” excerpt_length=”12″ strip_html=”yes” meta_all=”yes” meta_author=”yes” meta_categories=”yes” meta_comments=”yes” meta_date=”yes” meta_link=”yes” meta_tags=”yes” paging=”yes” scrolling=”pagination” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” sep_color=”#00bcd4″ top_margin=”20″ bottom_margin=”20″ border_size=”3″ alignment=”center” /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]