网页设计师,可以从印刷设计学些什么

来源:设计经验分享网
添加时间:2024年02月

1. 让读者保持专注

印刷设计专注于易读性,网页上也是如此:只是把“读者”换成“用户”而已。

目标应当是清晰的表达,并且让人能够轻松纵览整个设计。我们来看几个从印刷设计沿用过来的概念。

排版

就像报纸,用户不会阅读网站上的每个字——至少一开始不会。正如免费电子书《为人眼进行网页UI设计》里面描述的,扫视页面是用户的标准行为。

为扫视而设计时,有两种模式需要考虑。首先是F模式。

F模式反映了用户zui通常的扫视页面的方式。他们的视线从上面开始横向移动,然后沿着左边垂直移动,寻找突出的文字。

一旦找到激起他们兴趣的内容,他们又会开始横向浏览页面。

还有Z模式:

Z模式也是一种自然的浏览模式,通常用于报纸,网页上也是如此。用户在页面顶部水平浏览,然后向左下移动,在页面的下一行再次进行水平移动搜寻。

文字

和印刷一样,网页文字也应该有清晰的层次。选择适合的字号,有助于关键词在页面上突出,让用户更轻松的浏览页面。

清晰的文字层次:World Baking Day网站

我们来看看文字层次中一些常见的层级:

主要:页面上zui显著的文字更大更闪耀,吸引用户的注意力。通常用于标题与装饰。

次要:介于中间的所有内容。不像标题那么显著,但要在页面的常规文字中突出显示。

再次:主要内容所选的文字。文字层次中的这一级,有助于使用户沉浸在正文中。

其他:更小的一级,使用斜体、粗体、下划线、不同颜色等等。

配合运用,建立文字的层次,可以创造出秩序,防止用户迷失其中。

要测试你页面的易读性,可以使用“3秒原则”:简略地浏览页面,然后看向别处。其中突出的内容有没有反映出你设计意图?如果是的,那你方向正确,继续保持;如果不是,则需要打回重新设计——可能确实如此。

2. 建立平衡感

无论平衡感来自于对称、非对称或是放射状,都是为了让设计创造出稳固与一致的感觉。如果用户在你的网页上感到轻松,他们会更愿意逗留。

图片或文字不要过于密集:时刻考虑元素的间隙。排版倾向于简洁——密集的布局会妨碍用户。眼睛难以接受杂乱,使人更难接受信息的流转。

考虑使用极简的设计,通过白色、黑色或非常深的背景和前景元素达到平衡。《为人眼进行网页UI设计》里讨论过,负空间的运用可以引导用户的注意力。

网页上极少干扰信息,创造了一种平静与秩序的感觉——当然,也希望有助于促成用户购买。

3. 创造可靠的设计

让你的设计对于所有用户都是可靠的。不要使用两种以上的字体,确保所有年龄层的用户都能阅读。过于杂乱会扰乱信息。

如果你发现自己在屏幕前手足无措,你的设计可能包含了过多的图片。

选择配色方案时也要时刻为用户着想——如果是医院网站,使用冷静柔和的色彩;如果受众是青少年,则适合更鲜明的色彩。

下面是一些书籍设计中常犯的错误,同样适用于网页:

未经过足够的测试:始终要尽可能广泛对设计进行测试。内容可能会跨越多种媒介(网页、电子书、印刷品),这会使得文字有新面貌。而且,有些字体转换到新媒介上可能会变得不易阅读。找到适用于所有情境的字体非常重要。还要考虑你的设计在不同屏幕尺寸、不同分辨率和不同浏览器中如何展现。

不恰当的语调:为每个页面元素选择正确的语调。与字体一样,标题应该吸引读者注意,副标题作为标题的阐明或补充,正文要像一段友好的对话——温暖亲切,让读者渴望了解更多信息。

不恰当的格式:遵循你所选的媒介:否则,会一直浪费时间修改文件,应对CMYK用于印刷、RGB用于网站这样的问题。

 

平面设计相关资讯推荐阅读:


房地产网页提升怎样做有什么方法个人站长在创业需要面对哪些问题深圳网页建设解读淘宝卖家做好淘宝客推广的方法专业的网页设计与制作企业怎样适合做网页用户体验设计师为什么做软件定制项目很难赚钱企业网页怎么建设才能提升客户的信任度解析新手对搜索引擎优化seo误区网页设计需要考虑哪些客户因素关于网页建设资讯页面设计思路中美企业网页的重大差异:企业博客企业网页建设的作用有哪些科技分享网页优化事宜深圳网页建设时不能忘记企业文化拓展CSS垂直翻转/水平翻转提高web页面资源重用性建设电子商务网页的基本要求是什么广州企业网页建设订制的基本步骤有哪些网页建设较忌慎入这些奇怪的圈企业网页建设的类型有哪些常见网页建设公司主要有哪些类别电子商务网页如何取得成功网页收录的三个标准方法手机网页建设的注意事项建站一定要注意这四大问题制作网页之前,您必须了解的相关知识域名挑选要遵照的基本要素网页导航建设的一些基本要求 好口碑的网页设计模板制作哪个品牌好科技-深圳公司选用响应式官网会为企业的发展带来那些帮助拍拍微店的正式发布运营 网页设计中的对齐、块面和留白关系要怎么处理疫情下的深圳,中小企业更要利用好网页突破重围!网页建设如何提高网页信任度怎么创建网页建立网页失去了你想像的那麼繁杂学院网页建设的几点思考科技浅谈360搜索八戒算法通过几个故事证明网络营销原来“乳”此简单如何使您的企业网页吸引客户优秀的网页设计几要素网页建设六大功能从中国移动开启5G套餐看出互联网的快速发展趋势,企业的网页建设刻不容缓!网页建设如何吸引蜘蛛的喜欢如何将网页设计得更加引人注目网页建设带来的好处网页建设如何替代抽屉式导航深圳福田网页建设一般多少钱,SEO网页优化包括的内容有哪些如何制作友好的搜索引擎页面深圳网页推广的技巧小米黎万强闭关前:详解小米成为全球前三背后的秘密网页建设通用化的趋势网页建设中应该怎么避免数据库被别人下载微信网页制作带来的经营销模式企业网页设计是否要考虑地方文化如何考虑做好企业网页内容值得参考的几个方向企业建站对业务发展有哪些意义网页建设方案应当要怎么写才能够获得客户认同深圳网页建设之O2O网页建设必知的三大原则怎么在B2B平台上推广公司产品网页建设所需的四个要素广州网页建设需要明确哪些需求
网站备案号:豫ICP备2024041165号