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

安妮的大熊丶

安妮的大熊丶

2016-02-17 02:09

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

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

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

1.必要的规划

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

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

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

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

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

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

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

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

3.简单的网站导航

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

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

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

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

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

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

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

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

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

总结

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
5大诀窍助你打造更加简洁的用户界面

5大诀窍 助你健康怀孕

孕前
5大诀窍 助你健康怀孕

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop设计简洁灰色用户登录界面

设计创意
Photoshop设计简洁灰色用户登录界面

浅谈如何让用户觉得简洁的界面有细节

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈如何让用户觉得简洁的界面有细节

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

安全吃鱼5大诀窍

饮食禁忌 健康饮食
安全吃鱼5大诀窍

如何快速减肥 9大诀窍助你快速瘦身

快速减肥 减肥食谱 女人养生
如何快速减肥 9大诀窍助你快速瘦身

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

横竖屏切换中的界面设计与体验提升

横竖屏切换中的界面设计与体验提升

详细解析何为交互设计心得

详细解析何为交互设计心得
下拉加载更多内容 ↓