页面设计:分享简约风格网页设计的技巧
安安 2017-10-09 来源 :网络 阅读 1279 评论 0

摘要:页面设计的风格多样,其中简约风格是许多用户都喜欢的,一是界面干净,方便用户找到想要的信息,提高网页打开速度,二是页面看起来高大上,讨用户喜欢。近几年,网页设计的核心是内容,简洁干净的网页,提高了网站的易用性。下面分享简约风格网页设计的技巧。

    页面设计的风格多样,其中简约风格是许多用户都喜欢的,一是界面干净,方便用户找到想要的信息,提高网页打开速度,二是页面看起来高大上,讨用户喜欢。近几年,网页设计的核心是内容,简洁干净的网页,提高了网站的易用性。下面分享简约风格网页设计的技巧。

  1、专注于做行为召唤设计

  网站上的每一处设计都应该是有目的的,都相应地迎合用户的某个行为或者需求,这是显而易见的。

  这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显,永远不要让用户错过。

  2、简化分页

  所设计的页面是否需要分很多不同的页面?这些页面有没有分割的必要呢?可以重新思考这个问题了。

  将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。

  3、统一配色方案

  虽然很多色彩确实很有吸引力,但是它们也很容易喧宾夺主。坚持将配色方案控制在两到三个色彩,这样能让尽可能好的控制整个设计的配色。

  如果想让配色尽可能简单,那么可以采用单色配色,会发现这种简单的色调搭配是如此的漂亮,较少的色彩对于用户的心理负荷更小,尤其是当整个视觉设计足够和谐的时候。

  4、采用标准的导航设计

  虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。选择标准模式的导航,能够让网站更加易用。

  最常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非是在大型零售电商。

  5、采用80/20原则

  请记住,网站中20%的内容将会触发用户80%的操作,这意味着内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部分。

  考虑到这一点,在进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。这20%的元素通常都是最吸引用户点击的那部分内容:按钮、图片和行为召唤文本。

  6、有目的地使用UI元素

  图标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,最好通盘考虑,在合适的地方,合理地使用UI元素。

  7、仔细挑选字体

  字体和排版同样遵循少即是多的原则。

  最容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。一套完整的字体通常有着多样的字重和可选的样式,不需要再去寻找其他的字体来搭配。而在排版的问题上,文本需要同背景有着充分的对比,

  在设计网页的时候,通常会用到两套字体,一套应用到正文上,另外一套字体则用到标题上,用作展示。

  8、增大文本尺寸

  在进行排版设计的时候,需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。

  虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。

  9、创建易读的文案

  排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。

  文案和视觉一样,都需要反复推敲。

  网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。可以根据网站的风格,使用符合相应调性的文案。

  10、打破一项规则

  有的时候规则是用来打破的,但是如果想让设计保持简单,那么在设计的时候,应该有意识的打破一条规则,但是只能是一条。

  如果需要让设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让不走寻常路的最快的方法。它会让设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。

  总之,网页设计简约风格,并不简单,用少来表达多,用更少的元素设计网页,简化网页细节元素,给用户更极致的体验。

    本文由职坐标整理并发布,希望对同学们学习页面设计的知识有所帮助。了解更多详情请关注职坐标网站设计频道!

本文由 @安安 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程