企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

这10个思路,能帮你设计出简单易用的网页

发布时间:2017-03-08 11:59:13

TAGS:优秀网站设计

简单易用的<a href=https://www.yzlink.cn target=_blank class=infotextkey>网页设计</a>.jpgjO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

极简主义的流行让越来越多的网页设计师开始着迷简单、简约的网页设计,CARRIE COUSINS 的这篇文章就帮你搞定这个问题~
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

坦率的讲,在网页设计这件事情上,简单的设计往往更好。一个简单易用的界面更容易为用户所掌握,也更容易将一个新用户转化为一个活跃用户。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

面对庞杂的需求,许多设计师总会身不由己地向着复杂的方向来设计网页,那么到底要如何将一个已经比较复杂的网站简化下来呢?其实思路并不复杂,诀窍在于根据用户目标,重新审视整个路径,将妨碍用户达成目标的障碍都清除掉。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

而今天我们要聊的10个简化技巧都是围绕着这个思路来推进的。无论你是正在设计一个全新的网站,还是针对现有的网站进行简化,这10个简化技巧都非常值得尝试。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、专注于做行为召唤设计jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站上的每一处设计都应该是有目的的,都相应地迎合用户的某个行为或者需求,这是显而易见的。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显,永远不要让用户错过。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、简化分页jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你所设计的页面是否需要分很多不同的页面?这些页面有没有分割的必要呢?你可以重新思考这个问题了。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、统一配色方案jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然很多色彩确实很有吸引力,但是它们也很容易喧宾夺主。坚持将配色方案控制在两到三个色彩,这样能让你尽可能好的控制整个设计的配色。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你想让你的配色尽可能简单,那么你可以采用单色配色,你会发现这种简单的色调搭配是如此的漂亮,较少的色彩对于用户的心理负荷更小,尤其是当你的整个视觉设计足够和谐的时候。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4、采用标准的导航设计jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。选择标准模式的导航,能够让你的网站更加易用。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非你是京东淘宝这样的大型零售电商。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5、采用80/20原则jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

请记住,你的网站中20%的内容将会触发用户80%的操作,这意味着你的内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部分。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

考虑到这一点,在你进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。这20%的元素通常都是吸引用户点击的那部分内容:按钮、图片和行为召唤文本。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你觉得20/80原则听起来很熟悉,那么你可能是在别的地方曾经听到过它,它是经济学家 Vilfredo Pareto 所提出,几乎在所有领域都适用,它也被称为Pareto原则,或者重要少数法则。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

6、有目的地使用UI元素jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

图标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,好通盘考虑,在合适的地方,合理地使用UI元素。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

7、仔细挑选字体jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

字体和排版同样遵循少即是多的原则。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。一套完整的字体通常有着多样的字重和可选的样式,不需要你再去寻找其他的字体来搭配。而在排版的问题上,文本需要同背景有着充分的对比,jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在设计网页的时候,通常会用到两套字体,一套应用到正文上,另外一套字体则用到标题上,用作展示。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

8、增大文本尺寸jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在进行排版设计的时候,你需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

9、创建易读的文案jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

文案和视觉一样,都需要反复推敲。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。你可以根据网站的风格,使用符合相应调性的文案。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

10、打破一项规则jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

有的时候规则是用来打破的,但是如果你想让你的设计保持简单,那么你在设计的时候,应该有意识的打破一条规则,但是只能是一条。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你需要让你的设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让你不走寻常路的快的方法。它会让你的设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联


jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

结语jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

复杂的网站太多,想要让你通过网站同用户进行顺畅的沟通,设计是否够简单是相当重要的影响因素。无论是填写表单还是下载APP,每个设计元素都应当恰到好处,而不会因为负责而让用户觉得厌烦。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然有时候用户喜欢看起来“饱满”的复杂的设计,可是涉及到具体的交互与功能的时候,简单的设计每次都能让用户爱不释手。
jO7北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7163,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号