浅谈产品界面视觉上的轻设计

2016-02-17 01:11 9 1 收藏

今天图老师小编给大家精心推荐个浅谈产品界面视觉上的轻设计教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

什么是轻设计?没有具体答案,也不是新鲜定义。轻设计已经被相关设计人士提起并运用有2年左右了,但是轻设计一直到现在仍然被常常提起,这里面有产品设计人员、网页设计师、UI设计师等等。

产品设计的轻,可以归纳一些词语,简单、流畅、易用、明确等等,大家心里也都有自己的词语。我在这里只想谈一下移动设备上,各种产品界面视觉设计上的轻设计(以下皆用轻设计代替),轻设计很有意思,并有很强的生命力。

首先归纳一下,轻设计在现在设计中仍然常常提起和应用的几种原因:

1.社会原因 人们每天生活节奏在加快的同时,疲于应对各种复杂的事物,产生疲惫和紧张的心理,所以人们渴求简单、放松、舒适的生活。

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

2.环境原因 社会发展很快,周围事物变化的也很快,各种APP应用泛滥,每个人每天所接受的信息量很大,轻设计可以减少接收的负担。

3.设备原因 移动设备屏幕大小相对较小,显示信息有限,轻设计可以清晰、直观的表现。

轻设计的定义,每个设计师心中都有自己的理解。我的理解归纳成三个关键词有:平和、真实、直接。

平和

颜色上没有强烈的对比

造型上没有复杂的图形

质感上追求细腻和丰富

给人以感官视觉上的平静状态,温和,不剧烈,平静、清晰的表达着产品的内容,给人平静、舒适、放松的感觉。

浅谈产品界面视觉上的轻设计,PS教程,图老师教程网

真实

去除雕饰的气质

追求纯粹的图形

以达到返璞归真

设计中去掉花哨绚丽的元素,去掉干扰用户的信息,以求质朴、真实之感,视觉感受的真实,给人以舒服、信任之感。

浅谈产品界面视觉上的轻设计,PS教程,图老师教程网

直接

颜色直接体现应用气质

造型上体现内容的本质

画面表现内容主次分明

减少或去掉没用的设计元素,突出重要内容,减少用户的识别成本,让用户直接、轻松的理解设计所表现的内容和意思。

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

浅谈产品界面视觉上的轻设计,PS教程,图老师教程网

往往轻设计的作品中,不只体现一种关键词,它会同时体现几种关键词。摄影圈有个名词叫空气感,我把它也归类为轻设计,好的摄影作品也是好的设计作品,空气感摄影很多方面也符合轻设计的原则,下面列举几个例子,大家来体会一下,或许对界面设计也有帮助。

浅谈产品界面视觉上的轻设计,PS教程,图老师教程网

轻设计要在视觉设计中发展到什么时候,还是永远存在下去,这不好说,因为轻设计本身就是一个抽象的概念。当然,跟随社会发展,符合用户需要的设计会永远发展下去。

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

延伸阅读
本文是爱奇艺无线UED负责人晓生 在项目工作中学习到的知识,针对儿童的习惯,从 配色、线条、布局、声音等都作了图文分析,如果有设计师刚好在开发儿童类产品,这篇小结会是不错的学习经验唷。 最近处于项目需要,开始研究儿童产品的界面设计。在此之前,对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用,为儿童带来乐趣的同时可以...
最终效果预览   1.在Photoshop中新建文件宽624px、高921px,背景色设为白色,分辨率72dpi。添加从上到下,蓝到白渐变。选择“圆角矩形工具”,圆角半径设为22px,绘制如下图所示的形状,把该图层重命名为“border”。 在“border”图层上抠出边框来。按住Ctrl键单击“border”图层缩略图,取得选区,执行“选择-修改-缩减”,缩...
前几天的蓝黑白金事件,已经有设计师同学揭秘了误差的原因,木想到今天百度的同学出了升级版的教程,聊聊界面设计过程中,遇到视觉BUG时的处理方法,非常涨姿势的一篇实用文。 最近的蓝黑白金事件非常的火,引发了大家对视觉误差的思考。对于做视觉设计专业的同学来说,视觉误差同样值得研究研究。俗话说:耳听为虚,眼见为实,不可否认眼睛是...
什么是扁平化设计? 简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,使用一些简单的纯色块,从而打造出一种看上去更平的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。 下面是列举一些国外网站的例子: Squarespace 新版的Squarespace几乎完全采用了...

经验教程

852

收藏

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