深底色网站：制造视觉冲击力 深底色网站的设计指南.doc

《深底色网站：制造视觉冲击力 深底色网站的设计指南.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、深底色网站：制造视觉冲击力深底色网站的设计指南（1）深底色风格的页面设计很受欢迎，它可以创造出别致优雅、极富创造力的效果。深底色设计适用丁许多网站类型，但并非所有。这种风格应该在恰当的条件下使用。虽然深底色风格可以带來视觉冲击力，但是很多设计师并不知道如何有效地表现他们，取得的效果往往适得其反。失败的设计会导致可读性差，难以吸引用户，无法使用传统的设计元索等问题。所以在这里，我们将讨论…些深底色页面设计的要索，以便让你的下…次设计更受欢迎，更具创造性。垠新的调查表不•，47%的受访者首选浅底色的设计，主要原因是基于可读性。人多数人不喜欢阅读深色背景上的亮色文字，那样眼睛

2、容易疲劳从而导致不适的阅读体验。相比之下，10%的受访者倾向于深底色的网站，另外36%的认为将取决于网站类型而定。那什么是止确的答案呢？虽然毎个人都仃自C的观点，但既然有如此高比例的用户M以忍受深底色的页面设计，令时快至是他们的首选。作为网页设计师必须了解如何为自己和客户创建更令效的深底色设计。同时我们必须相信深底色风格可以增加其可读性和友好性。使用更多的空白在这屮•或许我们应该称之为“空黑”。有效地利用空口，在任何设计屮都是匝要的，对于深底色风格和言更必不可少。深色的设讨令人感到“沉匝”，拥挤的布局会加重:这种感受。看看…些流行的深底色设计，可以注意到他们运用了大量的

3、空白。网站BlackEstate陈列了互联网上优秀的深底色页面设计，它本身也是一个值得关注的卓越设计。其设计中运用了大最的空白，还有独到之处：有效地在某些重要元素旁边使用空白。首先，用户会第一眼看见的元索——logo,旁边有大眾的空口。然后用户会注意到主内容区和右侧的酒瓶。如你所见，空白完美地反衬出了内容区的主标题和酒瓶上的文字。BlackBbckUtCeeucRBlackEstateisaremarkableplaceforwine.BlackAocbMIjitestNews"I在Tictoc的设计中，耕选内容及相关图片配合大片的空口共同构成。随若页面下移，我们可以发

4、现空白越來越少，这样我们的注意力就会转移到缩展示的内容。其关键是：空白可以逐步引导用户到页面底部黑色背景増加了设计的纵深感。网站非常依赖设il屮的空口，配合黑色背景制造出來的创意效果，页面才如此吸引人。tictochome,about,shouvasc.news.blog,sayhello.lx)chIxjmondGolfClubLuxur>exclusivity,breathtakingscenery,theirownhelicopter••…andofcourseaworldclassgolfcoursenews./articles^work>»y)comwco

5、ly«0C4««HE・・*Mb如；*CftAW.•today.Fnont-ejwideveloperrequired,applicajitsnnistorV^ybiscuits网站MarkDearman的布局中应用了大最对称分布的空白。毎个内容区块间的空口提供了足够的呼吸空间，在用户视线浏览到卜一区块前，提供很好的休息点。大帚:的空口是深底色设计屮必不对少的，它能够令布局简洁，突出雨要的元索，令整体外观更优雅。Porffc^/OMiplo^rblogfUoawfrxfr»^■teerIhii—CWffoUigbffttotfcfg«rwdCmKwagtUi9^owcwJ

6、cwraff/ewoaiwfarT.^MrJImi护rwv.GrAmiCbthr«UTMi>Qrw>nrMd«fMTfrom•»4»Mixowtr*>・・M3nt

7、eerIhii—CWffoUigbffttotfcfg«rwdCmKwagtUi9^owcwJcwraff/ewoaiwfarT.^MrJImi护rwv.GrAmiCbthr«UTMi>Qrw>nrMd«fMTfrom•»4»Mixowtr*>・・M3nt