平面 视觉 UI 需要互相学习什么最好的ui网站

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

平面 视觉 UI 需要互相学习什么

很久没有写一篇设计方面的分享,刚好最近一段时间接触的一些朋友也提到了平面、视觉、UI这三大类设计彼此间的优势,从对方职业中学习的关键点是什么这个问题。自己之前虽然有想过但没能做系统的分析,也借此把自己的所想用文字记录下来和大家做一些讨论和交流。

平面、视觉、UI这三大类的设计体系也刚好是自己从事设计工作以来的相关经历,虽然做的都不算太好,但经历过各个体系后再做相关的工作带来的感觉一定会有所不同。对于设计项目的思考会更加全面,无论是从设计手法的细节处理、设计的视觉体系建立,还是项目环境的商业思考都会更加完善。

平面 视觉 UI 需要互相学习什么

1、平面设计  

三大职业项中历史最久,普及度最广泛,并且也是最考量设计基础的职业。 从最基础的构图、配色、字体、排版来进行的设计,所以它既能够出最简单实用的街头宣传单、易拉宝,也能设计出相对有艺术感的海报,再到各个公司的品牌体系设计、产品包装推广体系设计。

平面设计相对来说入门容易,因为掌握了基础的构图、配色、排版几乎就可以入行,但想有出彩的设计极有难度,这时它又是三个职业中最需要天赋和灵感的一个。最能够出业内大师的也必然是平面设计“福田繁雄、与岗特兰堡、切瓦斯特、原研哉、田中一光……”大师们多到认不清。为什么会是这样?在三大设计领域中产出后能够留存时间最长,比如:百年企业的品牌设计。受众面更广,比如:一些国际大会的LOGO设计、电影海报设计。他们不会频繁迭代或者替换视觉形象,正因为这样相关的设计周期也同样更长,可能一次大型国际赛事的品牌视觉设计会延续几年,所以在设计的过程中对创意性、独特性和设计细节的要求也更高。

平面 视觉 UI 需要互相学习什么

前段时间一个朋友问我“你们一些设计师做LOGO的时候总是用一些圈圈和带角度的线条有什么用”,我当时的回答“就是为了些大部分人都看不到的设计感”

平面 视觉 UI 需要互相学习什么

——很多时候设计的细节大部分人看不到,但并不等于不存在

2、视觉设计 

如果简单的说可以算是平面设计到互联网设计的一种转化,只是延伸的项目和领域更多。电商、游戏、运营活动、媒体宣传推广…… 设计服务也更加专项和专注,涉及领域最多的就是电商和公司运营设计,更多的设计师从乙方走到了甲方公司开始长期跟踪项目服务。设计项目从最基础的轮播图设计、活动页面设计,到大型活动的线上线下联动设计。

平面 视觉 UI 需要互相学习什么


对公司和产品的认知也比最初在乙方公司单独做设计服务时更加全面,设计方向也更符合公司的各个阶段需求。就好像今年宝洁公司自己也成立了设计公司,传统的4A公司尽管运营渠道和推广体系强大,但设计服务已经无法快速和准确的跟进公司产品运营发展,并且互联网快速准确的运营推广体系出现后传统4A公司的推广渠道也显得毫无优势可言。当然也正式由于互联网加快了设计的迭代速度,能够让公司或产品项目及时跟进用户的反馈,快速调整自己的运营推广策略。设计师减少了反复打磨设计细节的时间,但增加了用设计和用户的反复沟通时间,所以视觉设计师更能够了解公司发展动向、产品运营理念、用户实际需求,也正因如此大师也就很少出现了。

平面 视觉 UI 需要互相学习什么


如果用整个大的市场发展状态来说:“就好像在日本平面、艺术、服装设计大师辈出,在德国汽车、机械、工业产品设计享誉世界,但他们的互联网产业却发展缓慢甚至落后。正式因为他们习惯了“打磨精品”的工作方式,在这时导致无法快速跟进用户体验、需求反馈、产品调整等的一系列运作体系而造成”。就好像真正提高大众审美的往往不是那些业界大师或几个经典设计,而是淘宝这样的最普通且庞大的推广体系,用户能够更加简单的低成本对比。回想十年前淘宝的设计经常被大家嘲笑,但现在他们已经在引领大的设计方向了

——不断根据用户反馈和产品推广策略调整设计输出,并在每个阶段都对优点和缺失做出总结归纳!

3、UI设计 

应该算是三者中在最后发展,却在目前设计行业内影响最大的职业,在互联网公司成立初期甚至不需要视觉设计师,但不能缺少UI设计师的加入。相对来说UI设计对于视觉方面的直接表现较低,但对于互联网产品来说设计结构系统化、视觉呈现规范化、用户感受友好性都起到了最大作用。UI设计也算是在三个职业中门槛最低的一个(仅仅是个人看法),但是能够做到对行业特性判断精准、对视觉呈现高度规范、还能够融入良好交互体验的优秀设计师也是比例极少。

平面 视觉 UI 需要互相学习什么


绝大部分UI设计师都是在互联网公司工作,跟随公司和产品共同成长,在产品的逐步迭代中调整出更加符合公司发展体系的设计视觉规范。UI设计师是站在公司发展策略最靠前的一个群体,他们知道公司产品每个功能性模块建立时想达到的市场作用,在和公司内部的产品经理配合工作时能够及时感知到公司发展策略。对于用户的使用数据反馈也最为敏感,能够在在数据的反馈下第一时间调整设计方式改善用户体验。正式由于UI设计的伴随产品成长特性,导致整个行业应该不会有大师出现,只会有更能融入公司发展规划的设计师,甚至是公司中高层,三个职业中他们和公司的发展贴合更加紧密。

不过一切也都是双刃剑,很多UI设计师在公司的角色都更像是站在最前沿的“跟随者”!得到产品方面提出的需求和原型图开始进行设计,因为目标已经相对明确就更容易减少反复思考再确认的过程。再从数据方面来说,也是由于一些设计师过于依赖数据和产品方向的反馈,减少甚至不再有创作性和创新性的尝试


——数据只是给我们制定了一个规范让设计不出错,但它不会让设计出彩!

平面 视觉 UI 需要互相学习什么

1、平面设计师的优势

①、更有机会做创新和创造性设计设计。前面已经提到由于一些职业产出特点,可能一个LOGO他们会提出十几套甚至更多的设计方案,在确定其中一套方案后再修改多次最后打磨出一套完善可长期使用的品牌设计。这种高频度创造性机会在互联网公司中很少会有机会得到,其实也间接的证明了互联网公司设计师加班真的没有广告和设计公司多。同时平面行业更有机会接触到不同领域的不同项目,由于接触行业面的广泛,他们创造性得到发挥机会也更多。可能一个平面设计师在一年内能够涉及到几十个领域的独立项目,每一次新的项目带来的创造性与创新感受是在一个互联网公司内很难体会到的。

平面 视觉 UI 需要互相学习什么


②、图形结构设计细节精细化和规范化。平面设计师在做LOGO或字体设计时更喜欢在线稿期间做非常大量的规范调整,尽可能的确保在设计的最基础形态下就能够保持完美比例和细节的雕琢。在最基础的构图形态接近完美后,再添加色彩和质感的修饰让设计出的完稿得到最优展示。

平面 视觉 UI 需要互相学习什么


③、对色彩的规范性和使用范围认知更高。由于平面设计师长时间接触印刷媒介,RGB配色又不能够直接体现在印刷行业,所以他们对于配色更多习惯于用CMYK的数值输入来规范,就好像我现在依然记得2008年北京奥运会时,用到最多的中国红印刷数值是 CMYK: C0, M100, Y100, K10, RGB: R230, G0, B0。长时间的用整数的色彩数值调整配色养成一个非常好的习惯,就是对于色彩数值的敏感性极高,看到一个RGB或CMYK数值后就会立刻反应色彩在配色板中的大概范围,同时长期使用的一些色彩记忆性也会提高很多,在做设计规范时更方便也不容易出错。

2、视觉设计师的优势

①、可快速更新设计,消耗时间成本低。由于视觉设计师更多服务于产品和更多的线上渠道媒体,对于设计产出的更新时间消耗最低(提示:是更新消耗成本、不是设计时间消耗!),也因为这样视觉设计方面的初稿可以随时接收反馈随时调整设计。尤其在推广渠道中很多公司会选择多稿同时投放,根据用户数据反馈后调整整理视觉推广策略。这样的底成本快速反馈过程能够高效的提升视觉设计本身的容错率,也可以改善设计师自己的纠错率,特别是在跟随一个公司或项目成长后会快速总结出符合产品本身的视觉设计体系。

平面 视觉 UI 需要互相学习什么


②、设计技法的更多尝试性。视觉设计本身就减少了很多受承载媒体的束缚,这一点只有做过平面设计师的才知道那种痛苦,想要的色彩得不到、印刷呈现不理想、图片要求精度高、设计文件体积大…。相对比视觉设计师则可以更加轻量快速的尝试更多设计方式,还可以适当的添加动画、三维、插画等。

平面 视觉 UI 需要互相学习什么


③、对视觉呈现的规则、层次感知更明显。也是因为视觉设计的呈现形式大部分渠道是网络媒体,尽管屏幕的尺寸越来越大,可是承载的内容也变的更多,能够展现的具体空间尺寸变的相对更小,相对来说也需要设计师掌握更加规范的视觉呈现形式。另外一点也同样是因为网络媒体中呈现内容更多,uimaker,同时各个媒体也有自己的设计规范,视觉设计师在所承载的媒体环境中容易了解到自己设计方案所受到的内容干扰和呈现的视觉层级位置。


3、UI设计师的优势

①、对设计项目的系统性思维强。在每次的项目立项后,UI设计师就可以直接了解或参与到产品的整体创作中,他们对于每个产品的目标定位都了解的更确切。在参与设计和制定初期框架结构时也会自然的想到在后期产品发展中内容的延伸扩展。在接触到的大部分设计师中,UI设计师相对来说也更了解产品的运行规划。

平面 视觉 UI 需要互相学习什么


②、设计的标准化执行。在能够了解项目的整体规划和目的后,UI设计师更容易知道如何把产品要提供的内容做更好的呈现。在每个页面、每个展现层级中互补互通,又尽可能的不在视觉上相互干扰,这正是UI设计每天都在做的系统化的内容呈现。设计规范化、标准化推进已经融入到UI设计师的日常工作状态中,UI也应该算是按照规范执行最多的一个设计职业,前面所提到的门槛低也正因如此,在没有参与和制定过项目立项或迭代的设计师,只需要按照规范和产品原型图继续执行后续项目即可,对于产品项目的理解也必然不深。

平面 视觉 UI 需要互相学习什么


③、对于用户的使用体验更敏感。用户体验这个词流行起来也是跟随移动互联网爆发期共同形成,在实际工作中大家所谈的更多是产品结构的布局、触发后的窗口变化、弹出收起样式、动效形式等……多为交互体验。还有另外一个层面的实际设计展现体验,图标结构、版块间距、字体的行间距、透明度、配色体系、不同层面的图片显示比例、内容页面的排版格式等……这些也是设计的最基础能力展现,只不过对比交互体验来说,实际的设计层面体验在UI群体内被谈到的反而不多。

平面 视觉 UI 需要互相学习什么

 收藏