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

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

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

【 tulaoshi.com - 网页设计 】

采用标准的导航设计

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

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

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

专注于做行为召唤设计

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

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

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

简化分页

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

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

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

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

统一配色方案

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

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

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

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

采用80/ 20 原则

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

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

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

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

有目的地使用UI元素

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

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

仔细挑选字体

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

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

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

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

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

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

延伸阅读
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 ...
今天,我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸。 我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过程中...
你们尚不需要去研究网站和网页的基础代码,而只需考察不同的网页,思考其中应该包括哪些要素,并思考一些关键性的问题,如一致性、可用性和可访问性。本篇文章的目录如下: 主页对我们的网站来说,这意味着什么?导航网站上的其他一些通用元素上下文关系非常重要相关内容标题可用性可访问性总结练习题 主页 很多人倾向于认为让我们从多数用...
有一些设计者,经过一轮艰辛做了一个很少元素并看上去不错的网页,或者他们做的网页最后看上去不会很复杂。网上有很多关于极简设计用在网页上的文章,这篇文章目的是指导你如何让你的网页设计做到华丽却不失内涵。 最重要的是,我们将为你展示一系列的设计,让你从中体会为什么一些设计可以做到这样的效果而另外的一些却不能。 什么是极简设...
1.Kenji Saito(网站已过期) Kenji Saito的个人网站。 虽然没有Flash还是很厉害的. 2.Mac Pro 可以用网站的一页去充分说明产品的好处。网站设计的也很漂亮。 3.很酷的网站 据说是看过这个网站的人都会说好酷啊。皮划艇法人佐藤先生的作品。 4.书的开头 网站只选用了书开头的1段。 日文全部使用纵向书写的网站。标语是要是...

经验教程

246

收藏

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