如何设计出简洁舒适的网页

2017-05-15 13:57 41 1 收藏

一个简单易用的界面更容易为用户所掌握,也更容易将一个新用户转化为一个活跃用户。那么到底要如何将一个已经比较复杂的网站简化下来呢?听起来似乎有点难度,看看下面的几个简化要点吧~

【 tulaoshi.com - 网页设计 】

采用标准的导航设计

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

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

如何设计出简洁舒适的网页

专注于做行为召唤设计

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

如何设计出简洁舒适的网页

简化分页

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

  将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。

  删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。

如何设计出简洁舒适的网页

统一配色方案

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

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

如何设计出简洁舒适的网页

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

采用80/ 20 原则

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

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

  如果你觉得20/ 80 原则听起来很熟悉,那么你可能是在别的地方曾经听到过它,它是经济学家 Vilfredo Pareto 所提出,几乎在所有领域都适用,它也被称为Pareto原则,或者重要少数法则。

如何设计出简洁舒适的网页

有目的地使用UI元素

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

如何设计出简洁舒适的网页

仔细挑选字体

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

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

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

如何设计出简洁舒适的网页

来源:http://www.tulaoshi.com/n/20170515/2648092.html

延伸阅读
简洁并不等于极简主义,在保持网站简洁的外观的同时,辅以其它元素的使用,同样能够达到要求。那如何做到这一点呢?通过本文你能从中学到一些经验。本文作者迈克埃文斯(Michael Evans)是一位热情的博客写手。他擅长Photoshop,贡献了多篇网页设计和开发的教程,并且受到了读者们的喜爱。 站长之家(CHINAZ.com)4月16日编译:洁净和一尘不染之...
洁净和一尘不染之间是不能划等号的。去掉了多余内容的设计看起来外形美观,一目了然,让人心旷神怡,尤其是对网页设计领域更甚。设计师在网站设计过程中,时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡,对整洁,干净和条理清晰的网站来说很重要。在激烈的行业竞争中,网页设计师想要获得成功,先决条件之一就是要掌握简洁的网...
今天,我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸。 我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过程中...
在网页设计中, 简洁 并不一定等同于极简主义者的设计美学。简洁的网站只是从设计、内容、以及代码中移除了所有不必要的元素。而极简主义的网站普遍符合这一标准,有许多网站,不管你如何想象,都不会被认为是仍适合简单的定义的极简主义。 下面是简洁网站设计的一些优势,以及一些简洁设计过程中的简单的技术。 简洁网站的优势 ______...
Vincent Tavano Serious Situtations The Letter D. Prism Tracks Bloom dn&co Curtis Flanagan Touch Atlason Allan Yu We Love Noise NoFavorite Hauser Lacour DeltaInc Diego Guevara JDA No Leath Dotmick Gonzalves Rule Of Three Noble Bank ...

经验教程

368

收藏

12
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部