UI设计小白兔入门之dribbble设计与项目业务的思考

Recommand
北京/UI设计师/5年前/263浏览
UI设计小白兔入门之dribbble设计与项目业务的思考Recommand

不断学习设计的新知识新思潮新技能,一步步一天天的积累,努力形成完善的知识体系

hello大家好,

我是wenhao, 有时觉得设计师和喜剧演员好像,是一群“不苟言笑”的人在创造欢乐,是一群“不轻松”的人在创造便捷, 经常性为了呈现出更好的idea在办公区反复踱步,手稿满天飞,设计不易,且行且珍惜。


抛出问题-思考问题

因为是UI设计小白兔,最近在工作中就经常反思一个问题,dribbble中设计感很好的东西为什么很难搬到当下的项目中呢,相信大牛们都跨过了这个门槛,原因就是商业设计需要了解"业务需求"。

dribbble 可以激发我们的创作灵感,但一组精美的页面无法满足具体的业务;此外,当抛开业务需求去设计时,审美的需求就会直接占领高地,浏览者不会去深入了解你的业务,首先冲击他们的就是你页面设计的震撼感和高级感。所以也明白了为什么有的设计师会保留平时灵感一现的作品,再经精细打磨上传到ta个人网站的首页,反而不是直接用落地的项目产品。也许我的想法过于片面,但这也要看不同的产品,有些产品对页面的要求就很“吃设计”,比如互联网产品中与奢饰品/时尚/美妆/前沿视频/科技/女性/艺术有关的产品,在页面设计上这会较大的发挥设计者的审美与艺术功底。而面对一些传统行业或重工业产品,就要注意该行业特定的风格,它会存在特定的框架与规则,如汽车,化工行业的页面就要考虑到它的厚重感,这样的情况下对设计师也是一种挑战,但我还是相信大牛们是不挑产品的,他们的能力就是对症下药,将自己的风格与产品完美融合。我很幸运接触的是互联网视频工具类产品,这就要求我在工作中不仅要熟悉业务也要注重产品设计的美感。根据业务找出功能需求,从功能出发,对产品元素,组件,页面再到交互动画,以及后续的更新及衍生品的思考都要基于“如何更美的实现产品需求”这一点,全套的良性生态系统绝不是将idea实现出来,而是将idea变成可以科学管理并贴合需求变化的生态设计。


dribbble 的精华——窥见流行趋势

那么如何做到既像dribbble中设计的优雅高级,又兼顾业务呢?目前我的水平有限还回答不了,但可以先来分析一下dribbble页面的高级元素,并尝试选择一些适合业务的小元素应用在自己的项目上。无论流行的趋势走向如何,有以下几点是视觉类设计永恒不变的主题,总结归纳出四点:1.“变化”,页面要有变化,这体现在元素之间要存在对比,主要体现在大小的对比,字体之间的大小,模块之间的主次。2.“规范”,各个元素的布局要规范,做到任何元素位置的布局都有理有据,元素之间要存在逻辑,这里将涉及到栅格的运用,无论是PS,AI,Sketch, 通过栅格将页面规范的分组分栏,使页面整体看上去规整并附有变化。3.“善于运用高级感的色彩”,大到页头面积的背景,小到bottom的背景,明亮渐变的高级色系搭配都是页面高级感的重要体现。4.“选图”,无论是做demo小样还是输出高保真页面,选择高质量的图片都会给页面视觉加分,这里注意一下,并不是高清像素的图片就是合适的,相反我在sketch里作图,选用的都是外网收藏的美丽小图,原因就是小图储存在sketch中内存会小,也符合Sketch这款软件轻便的特征,这其实很重要,有时你的页面会设计像瀑布流和list这样多图的页面,为了后期交互动画的生动形象我们会将瀑布流设计得比实际屏幕尺寸长很多,并且为实现一个页面我们通常会设计出10+个页面进行比较和修改,这样一来小内存的图片会让sketch在操作时十分轻便快捷;另外一点,我运用协作的第三方软件是abstract,这时如果一个页面内存过大,对sketch储存和Abstract协作都是不方便的(关于Abstract,我会后续出文介绍它在UI协作设计中的强大优势),外网有很多小图而且质量不错的素材,平时可以下载一些存在专门的目录下。

除此之外,dribbble还从一些其他方面体现出当下的流行,比如,页面需保持透气轻薄性,搭配高级渐变的色彩背景或插画背景或动效视频背景,关注各个元素的投影,着重体现质感的小字体的排版,页面中圆角的处理与布局等(这里暂不提页面的交互)。对于各大知名设计网站的作品,个人比较推荐有目的性的浏览,这样我们的精力会更加聚焦,目标性更强,抓住细节的能力会增强,刻意的减少大脑做决策的次数从而保障每个决策的高正确率。对于设计类文章我们倒可以全方位了解,“读书”一直是我奉为解决一切问题的方法。简单来说就是在设计网站中善于运用筛选icon,对于设计类文章可以用浏览的方式,遇到感兴趣主题的或是前沿的咨询及时拜读。无论你是像我一样的小白兔,还是设计大牛,都不要放弃学习,积累与坚持会开出理想之花,要虚心向他人请教,站在巨人的肩膀上会眺望到更远的远方。


了解业务——提升落地能力

我相信刚步入岗位的设计小白们都不喜欢接触商业气息过重的业务需求,我就是这样的小白兔,最不想听到的就是“要深入了解业务”,总有一种错觉认为附上业务的设计就失去了其本身的灵气和仙气。但我们错了,没有落地的设计将无处安放,设计本身就需要一个平台(舞台)用来舞蹈,它和业务相辅相成。所谓的接地气并不都是平庸的模块化的设计,高级感十足的设计更能服务于产品。设计赐予产品文化,我相信每个产品都需要有文化输出,产品文化的高级与平庸就是通过设计来体现的,设计师要有一种傲娇,即我的产品就是高级的。

让我们越挫越勇,勇敢面对内心抵触的东西,也许你会发现,之前的观点是对它的一种误解,而它却是助你更上一层楼的推动力,生活也是如此,有时我们极力躲避的没准恰是我们所需要的。态度的转变和能力的提升需要时间。熟悉业务路程,钻研业务需求,这是一个艰苦的过程,但想象一下,当一个产品因为你对业务的熟练而设计出符合用户使用心理的页面时,当项目落地上线时,因为注入了你的心血,你会对这个产品倍感欢喜,也会骄傲的添加到你的网站首页中,因为你会有可能告诉未来任何一个面试官,你选择这样的设计是因为考虑到怎样的业务需求,这也会帮助你在以后设计任何项目时,思考问题更加周全,设计活动更加游刃有余。


甜心小结

上一周我在工作中陷入了困境,设计灵感的枯竭,出图页面的凌乱让我对于自己的设计能力很苦恼,甚至一度怀疑是否有天赋,但我相信天赋这个东西只会让人工作起来更轻松,但在质的体现上不会有过大差距,只要有计划,一步步走,每天完成和解决当下的问题,未来自会来。当你陷入困境时,也正是你大步前进的预兆。无论怎样,作为一名设计,要时刻保持美丽,美丽的外表,美丽的内心,才能输出美丽的页面,自信骄傲的生活吧,因为你是设计美好的人。

5
Report
|
6
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Log in