<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>kurumsal website tasarımı arşivleri - Serdar Sezer</title>
	<atom:link href="https://www.serdarsezer.com/tag/kurumsal-website-tasarimi/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.serdarsezer.com/tag/kurumsal-website-tasarimi/</link>
	<description>Serdar Sezer&#039;in Kişisel Web Sitesi</description>
	<lastBuildDate>Thu, 10 Sep 2020 21:40:03 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>

<image>
	<url>https://www.serdarsezer.com/wp-content/uploads/2015/10/cropped-serdar-sezer32-32x32.jpg</url>
	<title>kurumsal website tasarımı arşivleri - Serdar Sezer</title>
	<link>https://www.serdarsezer.com/tag/kurumsal-website-tasarimi/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WEB TASARIMDA GÖRSEL HİYERARŞİ</title>
		<link>https://www.serdarsezer.com/web-tasarimda-gorsel-hiyerarsi/</link>
					<comments>https://www.serdarsezer.com/web-tasarimda-gorsel-hiyerarsi/#comments</comments>
		
		<dc:creator><![CDATA[serdarabi]]></dc:creator>
		<pubDate>Thu, 21 Sep 2017 08:56:28 +0000</pubDate>
				<category><![CDATA[Tasarım Atölyesi]]></category>
		<category><![CDATA[görsel hiyerarşi]]></category>
		<category><![CDATA[kurumsal website tasarımı]]></category>
		<category><![CDATA[restaurant sitesi tasarımı]]></category>
		<category><![CDATA[serdar sezer]]></category>
		<category><![CDATA[web tasarım]]></category>
		<guid isPermaLink="false">http://www.serdarsezer.com/?p=933</guid>

					<description><![CDATA[<p>Görsel hiyerarşi, etkili bir website tasarımı için en önemli ilkelerdendir. Bir sanatçı eserinde neyi ön plana çıkarması, neyi ikinci plana alması gerektiğini iyi bilmelidir. Bu durum web arayüz tasarımcıları için de geçerlidir. Çünkü Web site tasarımı da görsel bir sanat biçimidir ve daha geleneksel sanat eserlerinde uygulanan kuralların çoğunu içerir. Etkili bir tasarımcı, fikirleri açık...</p>
<p><a href="https://www.serdarsezer.com/web-tasarimda-gorsel-hiyerarsi/">WEB TASARIMDA GÖRSEL HİYERARŞİ</a> yazısı ilk önce <a href="https://www.serdarsezer.com">Serdar Sezer</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Görsel hiyerarşi</strong>, etkili bir <strong>website tasarımı</strong> için en önemli ilkelerdendir. Bir sanatçı eserinde neyi ön plana çıkarması, neyi ikinci plana alması gerektiğini iyi bilmelidir. Bu durum web arayüz tasarımcıları için de geçerlidir. Çünkü Web site tasarımı da görsel bir sanat biçimidir ve daha geleneksel sanat eserlerinde uygulanan kuralların çoğunu içerir. Etkili bir tasarımcı, fikirleri açık bir şekilde iletmeyi veya dikkatleri başka yöne çevirmeyi iyi bilmek zorundadır.</p>
<p>Web sitelerin temel amacı bilgi sağlamaktır. Fakat bu bilgiyi edinmek için siteleri ziyaret eden insanlar veri işlemcileri değillerdir. Duygusaldırlar ve görsel düşünürler. Dolayısıyla ana bilgi, görsellik kullanılarak belirli bir önem sırasında ve farklılaştırılarak sunulmalıdır. Farklılaştırma; yerleşim sırası, hizalama, renk, kontrast, boşluk, gruplama, boyut, tipografi, stil gibi özellikler kullanılarak gerçekleştirilir.</p>
<p>Bu özelliklerin ayrı ve birlikte kullanımları ile sayısız farklılaştırma biçimi uygulanabilir.</p>
<figure id="attachment_934" aria-describedby="caption-attachment-934" style="width: 506px" class="wp-caption alignnone"><a href="http://www.serdarsezer.com/wp-content/uploads/2017/09/gorsel-hiyerarsi.jpg"><img fetchpriority="high" decoding="async" class=" wp-image-934" src="http://www.serdarsezer.com/wp-content/uploads/2017/09/gorsel-hiyerarsi.jpg" alt="temel bir görsel hiyerarşi örneği" width="506" height="150" /></a><figcaption id="caption-attachment-934" class="wp-caption-text">temel bir görsel hiyerarşi örneği</figcaption></figure>
<p>Tabi duygulara hitap etmeyi de unutmamak gerekir.</p>
<p>Bir restauranta gittiğinizde iyi bir yemekten daha fazlasını beklersiniz. Ortam dekorasyonunun, yemeğin sunumunun yani genel ambiyansın iyi olmasını istersiniz. Arayüz tasarımı farklı değildir. Örneğin bir restaurant  markası için  arayüz tasarlıyorsanız, ziyaretçi tıpkı fiziksel ortamdaki gibi rahat hissetmeli, güven duymalı, beğenmeli ve etkilenmelidir.</p>
<p>Örneğin; <span style="color: #800000;"><a href="https://iskenderiskenderoglu.com.tr/" target="_blank" rel="noopener noreferrer"><span style="color: #800000;"><strong>İskender İskenderoğlu</strong> </span></a></span>için geliştirdiğim tasarımda, markanın tarihinden ve kültürel mirasından dolayı özelikle &#8220;duygulara hitap etmesini&#8221;  sağlamaya çalıştım.</p>
<figure id="attachment_935" aria-describedby="caption-attachment-935" style="width: 420px" class="wp-caption alignnone"><a href="https://iskenderiskenderoglu.com.tr/" target="_blank" rel="noopener noreferrer"><img decoding="async" class="wp-image-935" src="http://www.serdarsezer.com/wp-content/uploads/2017/09/restaurant-sitesi-tasarimi.jpg" alt="restaurant sitesi tasarımı" width="420" height="256" srcset="https://www.serdarsezer.com/wp-content/uploads/2017/09/restaurant-sitesi-tasarimi.jpg 720w, https://www.serdarsezer.com/wp-content/uploads/2017/09/restaurant-sitesi-tasarimi-300x183.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" /></a><figcaption id="caption-attachment-935" class="wp-caption-text">restaurant sitesi tasarımı</figcaption></figure>
<p>İnsan gözü otomatik olarak belirli ilgi noktalarına çekilir. Bunlardan bazıları kişiye bağlı olsa da, çoğunluk, bir web sayfasını görüntüleme biçimi de dahil olmak üzere belirli bir eğilimi takip eder.</p>
<p>Web sitelerde genel olarak ana sayfa yerleşim sıralaması; en üstte ana kategoriler, ortada öne çıkan içerikler ve altbilgide ayrıntılı kategoriler yer almalıdır. Benzer öğeler gruplandırılmalı ve gruplar ayrıştırılmalıdır.</p>
<p>Amaç kullanışlı ve keyifli bir deneyim sunmaktır,</p>
<div><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<ins class="adsbygoogle" style="display: block;" data-ad-format="fluid" data-ad-layout-key="-fe+66+3m-j5+m7" data-ad-client="ca-pub-2449562016155365" data-ad-slot="3580853999"></ins><br />
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<p>Örneğin, Themeforest&#8217;ta yer alan <a href="https://themeforest.net/item/orva-corporate-psd-template/20025246" target="_blank" rel="noopener noreferrer"><span style="color: #800000;"><strong>Orva</strong></span></a> isimli kurumsal arayüz tasarımım, kullanışlı ve keyif verici bir kurumsal site örneğidir.</p>
<figure id="attachment_936" aria-describedby="caption-attachment-936" style="width: 420px" class="wp-caption alignnone"><a href="http://www.serdarsezer.com/orva-themeforest-kurumsal-arayuz/" target="_blank" rel="noopener noreferrer"><img decoding="async" class="wp-image-936" src="http://www.serdarsezer.com/wp-content/uploads/2017/09/kurumsal-website-tasarimi.jpg" alt="kurumsal-website-tasarimi" width="420" height="216" srcset="https://www.serdarsezer.com/wp-content/uploads/2017/09/kurumsal-website-tasarimi.jpg 720w, https://www.serdarsezer.com/wp-content/uploads/2017/09/kurumsal-website-tasarimi-300x155.jpg 300w" sizes="(max-width: 420px) 100vw, 420px" /></a><figcaption id="caption-attachment-936" class="wp-caption-text">kurumsal-website-tasarimi</figcaption></figure>
<p>Akışa dikkat ederseniz, bir şirket ile ilgili önemli bilgileri içeren alanların düzgünce sıralandığını ve ilgili bölümlerin önce çıkarıldığını görebilirsiniz.</p>
<p>Çok sevdiğim sitelerden biri olan <a href="http://www.lexusls.asia/" target="_blank" rel="noopener noreferrer"><span style="color: #800000;"><strong>Lexusls</strong></span></a>&#8216;de hem ihtiyacınız olan bilgiye kolay ulaşabildiğiniz hem de bunu yaparken keyif aldığınız bir yapıya sahip.</p>
<figure id="attachment_937" aria-describedby="caption-attachment-937" style="width: 420px" class="wp-caption alignnone"><a href="http://www.serdarsezer.com/wp-content/uploads/2017/09/lexus-asia.jpg"><img loading="lazy" decoding="async" class="wp-image-937" src="http://www.serdarsezer.com/wp-content/uploads/2017/09/lexus-asia.jpg" alt="otomobil markası arayüzü" width="420" height="216" srcset="https://www.serdarsezer.com/wp-content/uploads/2017/09/lexus-asia.jpg 720w, https://www.serdarsezer.com/wp-content/uploads/2017/09/lexus-asia-300x155.jpg 300w" sizes="auto, (max-width: 420px) 100vw, 420px" /></a><figcaption id="caption-attachment-937" class="wp-caption-text">otomobil markası arayüzü</figcaption></figure>
<blockquote><p>Arayüz tasarımınız mutlaka şu üç soruya kolayca yanıt vermelidir.<br />
1. Kullanışlı mısın?<br />
2. Nasıl kullanılıyorsun?<br />
3. Neden seni tercih etmeliyim?</p></blockquote>
<p>Bu sorulara objektif ve olumlu cevaplar alabildiğinizde görsel hiyerarşi konusunu çözmüşsünüz demektir.</p>
<div class="advertising"><a href="https://www.youtube.com/channel/UCBn559xd7uPSFq4l4ODg-UA" target="_blank" rel="noopener noreferrer"><img decoding="async" src="http://www.serdarsezer.com/wp-content/uploads/2018/09/youtube-kanali.jpg" alt="youtube" /></a></div>
<p><a href="https://www.serdarsezer.com/web-tasarimda-gorsel-hiyerarsi/">WEB TASARIMDA GÖRSEL HİYERARŞİ</a> yazısı ilk önce <a href="https://www.serdarsezer.com">Serdar Sezer</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.serdarsezer.com/web-tasarimda-gorsel-hiyerarsi/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
