#锦字回时·设计#

用户头像
成都/UI设计师/9年前/310浏览
#锦字回时·设计#
用户头像
沐锦

哎呀,少壮不努力,老大做设计~_(:зゝ∠)_~


“少年我看你骨骼清奇,面相不凡,做什么不好,要做设计呢??~_(:зゝ∠)_”

如果你真的不幸打开了这篇文章,又真的想要做一个设计师(真的不再考虑下,设计师真的超苦逼的,吃不饱,穿不暖,通宵加班,还没有加班费哦~~)。

希望我接下来写的东西,可以让你少走一些弯路~都是踩过的雷,都是掉过的坑,都是干货啊~~~走过路过不要错过!⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄


终于,要写写自己的本行了,关于射鸡师的那些事~~

刚刚入行的时候,我也曾经天真的以为自己会喝着咖啡,甩着画笔,指点江山,挥斥方遒的设计师大人~~但现实是,刚刚入行的你,只是一个切图仔啦,安安分分的把图切好就好啦~~╮(╯_╰)╭


PO主我认为:“设计是要解决问题的,不能解决问题,或者制造问题的设计,就不是好设计。”“设计需要解决问题!~”来跟着我念三遍同意我以上观点的,我们可以继续笑着一起走下去了~~


0dbd58e1dc40a801219c7780ca81.jpg

辨识度 实用性、可用性

辨识度,这个简单讲就是清晰易读,让用户一看就知道这是什么,一看就知道这个要怎么用,(这一点在《Don’t make me think》/《点石成金》一书中有很多举例,感兴趣的可以自己找来好好读一下)在这里保证设计信息,有效、迅速、正确的传达到用户。这是设计师的本职工作,比起设计漂亮的界面,画出超美的图标,首先保证信息的有效传达才是第一重要的工作。在做好了辨识度的情况下,再使用其他的设计语言,让你的作品变高变美变漂亮~~O(∩_∩)O嗯!

 

比如展示的这两个图标,红色的比蓝色的辨识度要高,原因是外轮廓更简洁,细节更精炼。虽然蓝色的画的更加细致,可是多余的细节会分散注意力,如果是作为功能性的icon,比如用在手机界面中,缩小后,就会看不清了


对齐 各个元素之间的联系

对齐的意义是要保证同一个画面中的各个元素之间,保持相对应的的联系,使用无形的对齐规则使画面变得整洁,有规则,有逻辑。

如图所示,可以看到没有对齐规则,或者使用太多对齐规则画面,都会导致阅读逻辑的混乱。


(规则太多等于没有了,我建议同一个画面内对齐规则不超过2种~)

如图所示的两张名片,白色的虽然设计简单,可是运用了左对齐,所有元素有序的排列后,用户可以在视觉上流畅的阅读完所有信息,彩色的设计虽然用了很多颜色,可是无序的排列,用户在使用时会在画面中找信息,这样的设计用在名片上会不太合适。


81f858e1dc92a801219c773b1c31.jpg

统一 视觉元素的统一

好的统一性,可以很好的强化视觉上的品牌感,所有的设计元素都是有始有终的,利于用户的学习记忆。

用于表达统一感的元素在一个系统中要贯彻始终,太多会增加用户的记忆成本。

在UI设计中,可以理解为同一个系统中,统一的返回按钮位置,统一的删除交互方式,统一的视觉元素,色彩、圆角度数......

1f1b58e1dcaca801219c7735c557.jpg

对比 数据、影响、目的

好的对比利于引导用户的视觉流和操作逻辑。

这个地方引入一个概念叫做视重。视觉重量,这个是在室内设计中的一个概念,但是用在所有设计中都是通用的。

影响视重的因素

任何事物给我们留下的心理印象和引起的注意力决定了它的视重。在衡量物体的视重时,一般考虑以下几个方面:

(1)大的物体和空间比小的物体和空间视重大,但是一组小的物体可以和一个大块物体达到平衡;

(2)本身比较重的材质,比分量比较轻的材质的视重大,例如石材和木材的比较;

(3)不透明材质比透明材质的视重大;

(4)位于视线上方的物体比位于视线下方的物体视重大;

(5)活泼的肌理和图案纹样比朴素平滑的表面更长久地吸引人们的注意力,因而视重较大;

(6)独特的、不规则的物体相比其实际尺寸的大小更醒目,因而视重较大;而意料之中的、一般的物体及形状则易于融入背景之中,视重较小。


为了方便理解上面这段来自百度百科的话╮(╯_╰)╭,可以参考下面的图来理解下

223c58e1dcc5a801219c7752b7bb.jpg

1 大>小

2 不透明>透明

3 复杂>简单

4 暖色>冷色


对比有形状,有色彩,有质感,好的设计基本都在运用这些理论,用留白突出文字

用冷暖突出主体,用面积的大小突出主体。



有没有觉得自己GET到了了不起的技能点,分分钟可以杀敌四方,称霸江湖了~哈哈,孩子,你想的美~

df1e58e1dce1a801219c77957256.jpg


色彩的运用  色彩心理学、色彩基础理论


上面废话了这么多,下面才是真正的大杀器啊,关于色彩的运用真的是可以写出一摞书来那么多,色彩这个磨人的小妖精,每每当你觉得掌握住了的时候就会,一个转身,又让你琢磨不透,所以呢,我觉得吧。提高色彩的关键是要多多画手绘~显示器会有偏色问题,而且每一台显示器都不一样~根本无法控制。

最最基础的色彩基础理论我就不多讲了,什么三原色、什么对比色、什么明度、饱和度、什么色度,我相信百度百科讲的比我好多了~动动手指~~世界你有~~~


这个部分我推荐大家一本,我觉得非常好的书《设计心理学——唐纳德•A•诺曼》。

虽然不是专门讲色彩心理学的,但是设计师还是值得一看的~收获很多~~

主要是看完,你就会明白,为什么银行、保险喜欢用蓝色的LOGO,为什么食品、娱乐行业的装修喜欢用橙色。为什么葬礼上都是黑白色??说多了都是套路啊~

因为蓝色给人专业、沉静、开阔的感受。橙色容易引起人们的食欲、购物欲。黑白是沉默、肃穆的。


当然色彩的隐喻是人赋予的,所以,每个人对色彩的理解是完全不同的,这个和每个人的受教育程度,所处的地理环境,所经历过的事物是息息相关的。不可以套用到每一个人身上。


比如:白色在中国是丧礼上常见的色彩,在西方却是喜庆的婚纱用色。

在中国的大红喜服,在某些场合却代表着暴力血腥。开阔的天空蓝,可是也会给人冰冷,忧郁的感受~


你无法真正做到用一个作品,取悦每一个人,那么只要保证你的目标用户是满意的就好。

艺术家是取悦自己的,设计师是解决问题的,这两者在我看来没有高低,不过角度不同,优秀的艺术家和优秀的设计师在本质上都是一样的~都在为这个世界的美好而努力着~

a33a58e1dcf8a801219c775c7bd7.jpg

情感化设计 建立用户情感,提高用户黏性

如果只是按照上面的套路,做完了设计,好多时候会陷入,设计好用不好看,或者无趣的设计中,可是研究表明,两个同样功能的设备,好看的那个更好用~(果然颜值就是正义啊~向美貌低头~)。那么为什么好多时候,设计师大人们会花费大量的时间去纠结一个投影的透明度,一个曲线的平滑感呢。我觉得是因为用心的设计,用户会体会的到,这是留给知音的礼物,当在使用一个产品的时候,用户感受到这个作品的用心,会心一笑,我觉得是设计师最开心的时候了,所以有很多不是出于实用而是出于建立情感联系的“奇怪设计”~ 给用户留下有趣的记忆才是这些作品存在的意义。

这个部分我建议阅读一本叫做《情感化设计——唐纳德•A•诺曼》的书。


当然我所说的这些规则都是相对的,世界上也有一些惊才绝艳的天才人物,在设计中打破了这些规则,创造了无与伦比的设计作品。但是这不在这篇文章的讨论范围了,我就任性的跳过他们好了~想知道的话,以后有机会来找我摆龙门阵啊~


这篇文章写到这里,我的目的呢,就是想给做设计的孩子说不要做设计啦~

如果说你真的还是十分喜欢做设计的话,觉得这个世界上除了做设计,其他什么事情你都没法做的话,那么好吧,好好干~~~尊重你的工作,相信我没有哪个甲方或者老板不喜欢看到你做的设计不是让人身心愉悦的~~要是有,就“解决”TA~~还记得开篇说过的么~“  设计  需要  解决  问题  ”╮(╯_╰)╭


顺便预告下,下次讲字体~~有没有很期待~

哎~_(:зゝ∠)_算了我戏太多,根本不会有人看到最后的,不然你点个赞我看啊~




0
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
中国传统纹样创新图案设计
平面插画设计女孩喝咖啡
牛奶乳液层次梯田平铺平面
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
古风平面仕女与瓷器
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
城市园林平面布局航拍
学习,优惠券,平面,海报
倒计时,海报,平面
平面风格黄绿色系花朵装饰
海底世界插画
平面插画情侣/矢量
平面男孩喝咖啡插画设计
城阙凡花
玄关入门地毯印花图案红地毯
平面书法字手写
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
课程海报,平面素材
你可能喜欢
大家都在看
登录注册