絮`随`风

環宇漢森-DESIGN:

1月10日是GSS板女交流站成立一周年的日子,在这一年里发生了很多,有阻碍有磕绊,但也有成就有进步。所有人都为了一个共同的爱好而一起前进的感觉很棒,希望未来的日子GSS能发展得更好。

fion's GUI design:

【临摹】临摹一个to do list,破电脑带不动ae就不想做动态图了

明昭北往:

2015.07.17 书籍装帧

《讲给你听》  @梣泠 

*下方为春季星图 仔细找找 可以看到双子座和仙后座

*标明了南京和霓虹的坐标

*我偷跑的...还没跟作者说呢...别打我...我今天太累了...

设计师应不应该培养“审丑”能力?

TanghuiDesign:

关于设计师的“审丑”观点并不是空穴来风,也不是弄个讨个吸引眼球的观点博得关注,而是笔者这几年的从事设计职业后亲身感触的一个想法。


长居设计师之位,设计师的通病(也是优势)大家在接触当中也有所领教了吧。大致可以分为以下几点:


1.完美主义。从事UI设计师多年,染上了这“职业病”也不足为奇,什么1像素对齐、黄金比例分割、完美布局等等,就差离强迫症不远了。优秀的设计师都是如此,拥有一颗匠心,对待自己的作品(设计师会将工作也叫做作品而不是项目)如守护自己孩子一般,挑剔、关心、踟蹰。但完美主义的一大缺点便是:充满进攻性地守护自己觉得完美的作品。





2.审美至高。设计师的审美水平具有超前的感知能力。MetroUI风格早在iOS7扁平化风格还未风靡之时,就已经有自己一套独特的理念。但是,为什么最终引导大众熟悉接受扁平化的设计风格的不是微软而是苹果?这里是不是有一部分原因来自于设计师的审美制高?在设计师的眼中,手上的作品已经是达到了自己审美的最理想状态了,这个时候面对这些“另己满意”的作品,就很难自己发现作品上的问题。


3.理念固执。我可以说有相当一部分设计师面对他人和自己的意见不同时,表现的理性有些差强人意。对方从A、B、C、D等方面来反驳你的意见时,设计师的脑子里只有“一万只草泥马”飘过,固执地难以以另外一个角度去思考,或者无法快速的以现有理论去反驳。这里已经是最好的情况了。当设计师面对话语权比你高的人给的“意见”时,只有俩个选择,要么服从,要么反驳无效后按上级意见服从。可以想象遇到这种情况设计师的心情有多糟糕。


回到主题:设计师应不应该培养“审丑”能力?这里的“审丑能力”我解释一下,审丑能力是指克服“与心理预期不符而产生的情绪抵触”的能力。无法审丑,几乎是所有设计师都难以治愈的,画面太美我不敢看。笔者从事设计多年,深知无法审丑的危害有多大,心灵上的创伤已经不计其数,这也是刚回了口血总结总结。


为啥要培养审丑能力?先决条件是画面奇丑无比难以忍受,打上强心剂也没用。产生歪瓜裂枣的因素有很多“时间、金钱、投入人员”每一点都决定着一个项目的是否赏心悦目,这里我就抛开产品定位、营销策略什么的因素,以免大家又因为设计不应该只考虑好看而争的面红耳赤。就视觉设计来说,为啥要培养审丑能力?因为,设计师如果不正确看待这个问题,就会身处情绪的漩涡当中,苦逼一个!





 1.对待项目谁先动真情谁就输了


一个产品不仅仅是因为设计的优劣而孰好孰坏,用心但不能倾心,当局者迷,需从旁观者的角度来看这个项目该如何设计,也不要把项目的成败揽在自己身上,太累。在这里,不得不说,设计师是这世界上最善良的职业,当别人为了金钱、名誉、自我成就而工作的时候,我们只是保留了一亩赤忱,为了兴趣,因为喜欢仅此而已。


 2.好坏都要做最好的自己


HR面试的时候都会问一个问题,你认为你做的项目当中最满意的哪一个?为什么?审丑能力差的童鞋们,真的面对这些问题,可能脑子里就一堆乱麻了。“这些项目都不是我最满意的。”“都不能代表我的设计水准。”“哪个是我最满意的作品?”好坏都要做最好的自己。项目当中也许因为这些那些的原因,不得不实现和设计有所出入,但最让人满意的应该是我在这个项目当中用尽了全力(当然HR们并不像听这些)。应该说(仅代表自己),我最满意的是,从项目当中归纳改进了工作流程,使得设计和技术能够准确反映问题,提升工作的效率。自己培养总结了一些经验和好的设计习惯,做到自身最专业化,涉及不同行业领域获取经验。无论项目好坏,做最好自己就够了。


 3.学会妥协与提高


“审丑能力”更多的反映出自身心理素质需要提高,大多数设计师面对这些问题的时候,选择的是消极妥协,“好吧,你要这么做就这么做吧”。假如遇到最坏的情况下明明自己是对的,而上级错了怎么办?这道题几乎无解。要么你花费精力、时间证明上级是错的、怎样做是对的,然后错误的和正确的都要来一稿。要么还是得乖乖地照做。对,现实就是这么残酷。到目前为止,你做的都是消极地妥协,发现摩擦过程中你除了情绪失控外没有任何获得提高。


应该怎么做?第一步换角度思考:上级为什么要这么做。举个例子,如果有上级要求所有内容都要显示在一屏以内,而你的留白高大上什么都要完蛋怎么办?你需要站在运营的角度分析所有信息的主次,从交互的角度看看有什么好的想法让所有信息都体验性的呈现,从技术的角度分析要达成你的想法实现可行性,从老板的角度思考战略意义。没错,这些你都可以思考一遍,最终还是无法完成,比如没钱、没时间、没人手。那你至少自身得到了提高,当然在思考的过程中其实并不轻松。第二步我想要怎么做。设计师被枪毙过很多想法之后,用什么来弥补你心灵的创伤?给个建议,事后你可以继续完善你认为对的方案,打造出你想要的设计效果,告诉自己这样才是对的。设计师80%的工作能力提高都是这样来自于业余时间的思考。


 4.也该提升提升价值观了


设计师对美的追求,追求极简、极致、极客,思维也局限了。如果所有的设计师都这个价值观的话,那么《暴走漫画》也出不来了,《围住神经猫》也火不了了,设计师的美是多么不接地气啊。设计师也要懂懂互联网营销思维了?!只有设计师都了解一些不同领域的知识,挪以自用,对于自己来说本身就是一个提高。做到这点,恭喜你,你的“审丑能力”不提高也难。


 5.还没想到,待大家补充...


完美主义又泛滥了,就觉得只有四点感觉不完整。待大家补充。



扁平化设计资源

FELIX-ME3:

1.Flat UI Pro(收费)

Flat UI Pro基于Twitter Bootstrap,并设计成扁平化的设计风格,包含大量的基础控件、icon以及文字符号,也包含PSD版本。

2.Flat UI Free(免费)

Flat UI是来自Designmodo的免费资源,包含基本的主要的web界面元素。

 

3.Flat Design Toolkit(免费)

这是免费的Flat UI工具包,来自Freepik。Flat Design Toolkit包含所有必要的界面控件。

 

4. Blog/Magazine Flat UI Kit(免费)

这个免费的工具包主要针对博客和杂志,包括许多不同的控件,可用来创建干净的,多彩的网页。

 

5. Flat UI Kit - Riki Tanone(免费) 

这是一个Flat UI PSD kit,由Riki Tanone设计。包含日历插件、地图以及其他等。

 

6. Flat UI PSD - Devin Schulz (免费)

来自Devin Schulz的设计,它包含不少非常具有创新性的控件,比如导航、输入框以及按钮。

7. Metro Vibes UI Kit(收费)

对细节极为关注,配色非常漂亮。

 

8. Flat UI PSD - Riki Tanone(免费)

更多UI组件,包括媒体播放器和用户资料。

 

9. Featherweight Flat UI Kit

一个更为综合性的UI kit,可编辑的文本和配色,轻量级的元素,可做个人和商业之用。

10. Flat Web UI Kit(收费)   

一个色彩丰富的扁平化GUI资源包,包括控件、插件、表格以及加载元素等。

 

11. Flat UI Kit - Sebastiaan Scheer(免费)  

具有夏日风情的一个UI资源包,包括天气插件、媒体播放器以及导航元素。

 

12.Flat UI Kit - Hüseyin Yilmaz(免费) 

包括主要的UI组件,比如个人档案、媒体播放器以及表单。

 

13.Square UI(收费) 

包括漂亮的、纯净的组件,是快速原型的理想之选。同时还有一个可下载的免费版本

 

14.Flat UI Kit - Jamie Syke(免费)

一个色彩华美的UI资源包,有组件也有图像。 

 

15.Flat Beach GUI(免费)

颇具夏日风格的粉彩画主题,包括按钮,插件以及媒体播放器。

 

16.Flat UI Kit - Zachary VanDeHey(免费) 

免费的Adobe Illustrator文件,包括插件、按钮、用户配置文件、icon以及媒体播放器。

 

17.Design Shock Flat GUI(免费和付费)  

有免费和付费两个版本,包含大量组件和元素。

18.UI Pixels Flat UI Widget(免费)  

响应式的扁平化UI kit,仅使用两种颜色,易于编辑,包含控件和界面组件。

19. Tempees Flat UI Kit(免费) 

适用于网页和app设计,包含大量风格各异的按钮、icon菜单以及插件等。

 

20. Eerste Flat UI Kit (免费)

组织有序的扁平化UI kit,来自Design Your Way。包含大量图形元素,比如菜单、社交媒体配置文件、一般表格、价格表、视频播放器、日历以及其他等。

21. Metro UI Kit(免费)

设计灵感来自于Microsoft Windows,包括统计、图表、日历、菜单以及搜索样式。

 

22. Flat UI Kit - Abhimanyu Rana  

设计精美,关注细节。包括插件、媒体播放器以及用户资料。

 

23. Flat UI - Andy Law (免费) 

包括平滑的配色方案、样式、媒体播放器、插件以及其他。

 

24. UI Kit PSD - Piotr Kwiatkowski(免费) 

包括漂亮的插件、图表以及地图等。

 

25. Simple & Bold UI Kit (免费)

包括按钮状态、新闻推送、媒体播放器、菜单列表、登陆面板、日历以及其他。

 

26. Flat UI/UX Kit - Asim Craft(免费)  

包括表单字段、按钮以及导航等。

 

27. Flat UI Kit PSD - Andreea Nicolaescu (免费) 

包含菜单、媒体播放器、按钮、登陆样式、日历以及下拉菜单列表等。

 

28. E-Commerce Flat UI Kit (免费) 

包括可用于电子商务的多个UI元素,可编辑。

 

29. Flat UI Elements - Andrew Beckwith (免费) 

高质量的PSD文件,包括漂亮的插件和组件,让用户注意力更集中于文字和排版上。

30. Polaris UI Kit(免费) 

包括编辑框、按钮、导航、插件以及其他等。

 

31. Free Flat UI Kit - Visual Creative(免费) 

包括媒体播放器、按钮、钟表、登陆样式以及用户资料等。 

32. Flat UI Kit PSD - Pro Web Design(免费)

包括导航、下拉用户面板、面积图、线条图、弓形图、输入元素、范围滑块、开关、按钮以及装饰域等。

33. Dark UI Kit - Hüseyin Yilmaz

暗色系的设计,包括社交媒体按钮、插件、联系表单以及导航等。

34. Flat UI PSD - Alexandre Crenn(免费) 

简单的,组织有序的UI kit,扁平化的iPhone线框图设计。


枕戈品牌:

【创意无处不在】

用妆扮面容道具

绘出

山河风景

风土人情

花鸟松鹤

真真是秀色可餐