


全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
深底色风格的网页设计的策略 电脑资料 译者:西乔 :.webdesignerdepot. 原作者:Kayla Knight 深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果, 深底色设计适用于许多网站类型,但并非所有。这种风格应该在恰当的条件下使用。 虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其反。失败的设计会导致可读性差,难以吸引用户,无法使用传统的设计元素等问题。 所以在这里,我们将讨论一些深底色页面设计的要素,以便让你的下一次设计更受欢迎,更具创造性。 最新的调查表示,47%的受访者首选浅底色的设计,主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。 相比之下,10%的受访者倾向于深底色的网站,另外36%的认为将取决于网站类型而定。 那什么是正确的答案呢?虽然每个人都有自己的观点,但既然有如此高比例的用户可以忍受深底色的页面设计,有时甚至是他们的首选。我们作为网页设计师必须了解如何为我们自己和客户创建更有效的深底色设计。同时我们必须相信深底色风格可以增加其可读性和友好性。 在这里或许我们应该称之为“空黑”, 有效地利用空白,在任何设计中都是重要的,对于深底色风格而言更必不可少。 深色的设计令人感到“沉重”,拥挤的布局会加重这种感受。 看看一些流行的深底色设计,可以注意到他们运用了大量的空白。 网站 Black Estate 陈列了互联网上优秀的深底色页面设计,它本身也是一个值得关注的卓越设计。 其设计中运用了大量的空白,还有独到之处:有效地在某些重要元素旁边使用空白。 首先,用户会第一眼看见的元素logo,旁边有大量的空白。 然后用户会注意到主内容区和右侧的酒瓶。 如你所见,空白完美地反衬出了内容区的主标题和酒瓶上的文字。 在Tictoc的设计中,精选内容及相关图片配合大片的空白共同构成。随着页面下移,我们可以发现空白越来越少,这样我们的注意力就会转移到缩展示的内容。 其关键是:空白可以逐步引导用户到页面底部 黑色背景增加了设计的纵深感。 网站非常依赖设计中的空白,配合黑色背景制造出来的创意效果,页面才如此吸引人。 网站 Mark Dearman的布局中应用了大量对称分布的空白。 每个内容区块间的空白提供了足够的呼吸空间,在用户视线浏览到下一区块前,提供很好的休息
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年智能交通行业城市智能交通建设与交通管理研究报告
- 2025年在线教育行业在线教育平台与在线学习模式研究报告
- 2025年健康医疗行业人工智能在医疗领域应用前景研究报告
- 2025年环保行业可再生能源利用技术研究报告
- 2025年农畜渔业行业农产品供应链与生态保护研究报告
- 2025年互联网行业大数据应用案例研究报告
- 2025年数字化转型行业企业数字化转型成功案例研究报告
- 信息安全人员测试题库及答案解析
- 太阳能:绿色能源之光-揭秘太阳能对环保的积极影响
- 水土保持施工方案收费
- (完整版)个人简历模板大全(60种)
- DB42-T 2300.4-2024 农业生态产品生产技术规范 第4部分:水产类
- 2024年4月自考00634广告策划试题
- 沪教版九年级上册化学第三章《物质构成的奥秘》检测卷(含答案解析)
- 如何与客户建立有效的沟通
- 薯片加工项目规划设计方案
- 部编版小学数学六年级上册分数乘法应用题解法一:找单位“1”解析同步练习
- 职业教育课题申报:产教融合背景下职业院校“四位一体”校企合作模式研究与实践
- 效益工资发放审批表
- 土壤的环境背景值与容量
- GB/T 26399-2011电力系统安全稳定控制技术导则
评论
0/150
提交评论