5大诀窍助你打造更加简洁的用户界面

2016-02-17 02:09 3 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐5大诀窍助你打造更加简洁的用户界面,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - 平面设计 】

Less is More是20世纪30年代著名的建筑师米斯.凡德洛说过的一句话,意思是少即是多,这是一种提倡简单,反对过度装饰的设计理念。和少即是多比较相似的一个理念是极简主义,它强调将最重要的元素和内容放置在最显著的位置,剔除冗余的元素,这正是网页设计过程中需要考虑的因素。道理很简单:页面元素少,访客自然容易将目光集中在网站内容和链接上。那么关于如何设计极简主义的网站界面,我们一起来听听Jake Rocheleau的见解:

5大诀窍助你打造更加简洁的用户界面,PS教程,图老师教程网

1.必要的规划

在开始着手设计之前,我建议先画个简图,将网站需要包含的区块都罗列出来。然后问问自己是否每个区块对整体设计都很重要,按重要程度进行优先。比如说,主页是否需要侧边栏?侧边栏里边是否包含了访客需要进入的重要链接?当然根据网站类型的不同,这里没有标准答案,这就需要设计师根据具体情况进行具体分析。

虽然没有标准答案,但是至少作为设计师,孰好孰坏你至少心里要有谱。当你明白哪些页面元素是必需的,哪些是次要的,你的工作将会轻松许多。网站的页面就好比一幅拼图,每一块散乱的图片都有一个自己专属的位置,你放对了,画面会渐趋丰富;放错了,便不会完整。

5大诀窍助你打造更加简洁的用户界面,PS教程,图老师教程网

2.网站用色不是越多越好,最简单的方法从基础色开始

一个网站,给用户留下的第一印象既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。在某种程度上,网站设计的是否成功,很大程度上取决于色彩的运用和搭配。

一般初学者很容易在设计中使用过多的色彩,其实网站的用色并非越多越好,一般控制在三种色彩以内。虽然这并不是硬性规定,但是在最初的设计阶段还是很有帮助的。如果你仔细看看一些类似的网站布局,你会发现他们都设法遵循特定的配色方案黑色、白色、灰色以及三原色当中的一种或两种颜色是最常见的色彩组合。

一旦将网站的颜色框定在简单的配色方案之中,那么留给内容就会有更大的发挥空间。虽然后期可能还需要进行颜色修改并且添加新的样式,但是一开始就将重心放在简洁干净的界面上,总是能达到非常出色的工作效果。

5大诀窍助你打造更加简洁的用户界面,PS教程,图老师教程网

3.简单的网站导航

网站的导航设计是最能体现网站内部优化细节之处的,对用户的第一眼体验至关重要,如果用户第一次访问你的网站,导航不易使用,也就意味着他们很难找到想要的内容,这样自然就难以向用户传达你的网站所能提供的服务。

这里就要求你将极简主义的理念融入到网站导航的设计之中。按照人们的惯性思维,导航不是在网页顶部就是在网页底部,所以在设计导航的时候应当尽量遵循这个原则,要做到让无任何相关技术背景的小白用户都能轻易上手,当然特殊情况下可以做特殊考虑。另外再给导航按钮加上适当的色彩或者纹理,从美学的角度来讲,能够更好地取悦用户。

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

4.将页面元素简化,简化,再简化

实现极简设计或者简化设计的第一步,不是简单的去掉大部分图片,而是要重新考虑内容并将其简化,就像你策划任何其它网站一样,写下你需要的内容:Logo、介绍、导航等等,然后按照重要程度进行优先排序,去掉其它多余的元素,尽可能的丢掉它们,只有这样才能让页面中最重要的元素实现其预期的效果。

5.页面整体设计风格的一致性

保持页面整体设计风格的一致性非常重要,包括整体页面布局、配图、配色、文字等风格前后都要保持一致。因为给用户一个熟悉的界面环境,带给用户的体验要远远好于把用户放在一个新的环境中。

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

5大诀窍助你打造更加简洁的用户界面,PS教程,图老师教程网

总结

用户界面越简洁,对用户当然会越好用,但设计一个干净简洁的用户界面所需的工作量远远比想象得要多。在设计的时候,应该设身处地站在用户的角度去思考问题,按照用户的眼光来要求自己。而且,一定要切记一句广告词:简约而不简单。如果采用武断的、简单的少法,这可能还会比不少要差上好多倍。把握好少即是多和极简主义的理念,才能体现设计师的真功夫。以上只是个人的一些建议,如果你有相似或者更好的见解,非常欢迎参与交流和讨论。

来源:http://www.tulaoshi.com/n/20160217/1577519.html

延伸阅读
标签: PS PS基础
今天,我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。 开始设置的文件 打开一个新的文档:外形尺寸1200×1640像素,分辨率为72像素/英寸。 我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构,可以看出页面最终的雏形,不过 在设计过...
界面样式 如果使用过基于 Windows 的应用程序,也许已经注意到不是所有用户界面看上去或操作起来都一样。用户界面样式主要有两种:单文档界面 (SDI) 和多文档界面 (MDI)。SDI 界面的一个示例就是 Microsoft Windows 中的WordPad(记事本)应用程序(图 6.1)。在 WordPad 中,只能打开一个文档,想要打开另一个文档时,必须先关上已打...
标签: PS PS基础
本教程旨在教大家使用Photoshop创建一个简单的登录界面。只需一些简单技巧,你也可以设计出一个漂亮的登录界面。界面的背景色使用了几种不同的灰色色系,此举可最大程度保持整个界面的简洁和优雅。 本教程简单易学,适合于初学者。 登录界面 步骤1 新建一个800(H)x600(W)像素的文档。当然也可根据自己的需求新建。接下来,使用圆角矩...
白色是所有网站中使用最多的一种颜色,本文中主要收录的是一些主要靠白色、灰色来打造出高雅简约等风格的网站界面。这类网站看给人感觉很简单,但实际设计中想要把握颜色使用分寸时,很卡宴设计师的水平。从布局,插图选用等都会影响到网站最后的效果。 我们可以看出其中许多网站都用了一些鲜艳的色彩与插图,不过整体效果却依然节约典雅,设...
夏日要到了,酷热的天气,灿烂的阳光,想在夏日里获得众人的目光和赞美,快试试小白介绍的几招,一起打造清爽的夏日装,让在一切更加舒服,有活力。 嗯咳咳。这是说视觉界面上设计的事,无论是web、移动或客户端,要想视觉更加清爽下面的建议都会有帮助的。前面说到的电子商务的色彩心理学更多的是从商业的角度、不同色彩设计的界面可能订单转...

经验教程

709

收藏

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