您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

优蓝设计组分享系列—设计流程篇

原创文章 分类: 经验/观点 版权:
1003 12 13 0
2019-03-06
6.6
编辑推荐

Image title

纯干货

Ui设计中的主要流程-app篇。


——分割线,爱看不看——


随着对工作的接触,相信很多人越来越觉得Ui设计好像不是表面上看的那么简单,很多人以为就是根据产品原型填个色,配个icon。

或者是简单的排个版,画个图而已。
但是,Ui设计真的如此毫无技术难度么?
现在网上存在各种Ui教程(我觉得很多是骗人的),更有烂大街的培训机构,三个多月就可以将一个毫无基础的纯新人打造成一个拥有一年多工作经验的Ui设计师(一个大坑BUG)。

而且整个圈子存在一个很有趣的现象,大家好像都以谁掌握的软件多、谁的动效更震撼、谁的界面更酷炫而显得谁更牛逼。
而真真正正能沉下心来研究产品、研究用户的却少之又少(这也包括我)。
Ui设计并不等同于创意设计,可能很多地方都不需要复杂的创意和华丽的界面。纵观那些经久不衰的优秀设计,往往都是极其简单的、最能打动人心的。
Ui设计需要研究用户,毕竟用户才是爸爸,当用户有需求时,你要做到把复杂的产品简单清晰的展示在用户面前,让他能看一眼就能明白并且可以正常操作,这需要你的界面干净整洁,逻辑清晰,操作动效细腻沉浸,暗藏指示作用,让用户在这几分钟内可以放下心头的烦躁安心解决掉真正的痛点,让他下次再需要帮助时脑海中会出现你的样子:爸爸,请再爱我一次。
Ui设计需要研究产品,你需要真正明白产品的核心价值,不仅仅局限于所谓的产品原型,仔细思考产品狗子们的真正意图,剖析复杂的产品,梳理成简单的逻辑。最终展示出来的应该是逻辑通透、突出重点,界面干净友好的设计。


——依然分割线,下面是重点——

比如一套app界面,我们可以剖析其主要流程,可以把整个流程看作在盖房子。下面是我自己通常Ui设计的流程。

Image title


一.了解项目背景与目的


首先拿到需求时,作为需求立项后介入的Ui,你可能一脸懵B,云里雾里的听着产品狗子们的讲解。这个时候没关系,尽量询问关于需求的一切有效信息,不求甚解。

私下里,你可以仔细梳理关于该需求的一些信息,可以用思维软件或者草稿纸划出重点。

你可以尝试分饰两角,一边扮演用户爸爸,在有需求时始终解决不了问题,急的抓耳挠腮却毫无办法。你需要仔细分析爸爸们的真正痛点,何时何地因何会产生该痛点,以及该痛点发生的频率、和产生的后果。

很多人把这叫做用户画像。
你还需扮演资本家,抓住用户的痛点,分析研究该痛点,是从根本解决还是曲线解决,以及解决该痛点会产生的一系列问题和该痛点产生的价值。
在脑海中跑通该需求和用户间整个流程,最后整理出诸多问题点询问项目负责人。在得出一一答复后,你会对整个项目有个大概了解,做到心中有数。


二.前期准备


收集资料

Ui设计师可以从网上或者实地搜集关于该项目的一切资料,用思维软件将所有资料记录下来,整理一番,去掉重复的和关联性不大的信息。

找到重点信息。

对整个需求有个明确了解,不打无把握的仗。


竞品分析
仔细研究竞争对手对该需求的解决方案,分析同行中的侧重点,寻找并突出我方的差异性,仔细研究用户习惯,以确定最佳解决方案。


Image title


简单的设计规范

确定解决方案后,心中有些许把握,可以简单制定设计规范,这时的设计规范侧重两步。

其一,色彩规范,可以选择几种配色方案,仔细研究该配色体系与同行的差异性和同化性,以及该配色体系能否在整个需求中给用户带来友好体验感。

其二,字体规范,不同行业的字体大小有很大差异,Ui需要满足不同的用户需求,分清主次文字大小,突出重点。

三.开工动手设计

产品原型
很多公司都由产经理绘制原型图,这一步Ui可以省略,但有部分公司的Ui兼顾交互和设计。

不过原型图可以更好的理解需求,所以Ui可以简单的绘制原型图,哪怕是用笔在草稿上随便画原型,甚至可以将产品狗子给的原型按照自己的想法写写画画。

务必做到突出重点,逻辑清晰。


Image title



视觉设计
很多ui可能会疑惑为什么我会把视觉设计放在图标和logo设计之前,那是因为很多需求工期有限,通常我会直接进行视觉设计,在涉及到图标的地方用正方形色块代替,色块图层命好该图标的名称,便于后面替换。

如果时间来的及可以先设计logo和图标。
视觉设计可以尝试不同风格,切忌光想不做,可以选择自己觉得还行的一版,逐步优化,力求界面干净整洁,逻辑清晰,最终达到自己的设计预期。

Logo及图标设计
这个阶段是个耗时耗工的阶段,你需要花费功夫制作logo,logo要与整个需求相匹配,通俗易懂并且让人容易记住。

这个阶段只说一句:logo务必简单大气,切勿复杂多变。
至于图标,这个阶段不建议直接画图标,除非你特别喜欢画。

Ui可以逛逛网上很多的图标元件库,选择比较符合需求调性的一套。截图或者直接下载下来,置于正方形色块之中,等定稿之后在重新绘制一套标准的图标设计。


Image title



检查界面统一性
Ui可以将所有界面放在同一环境中,检查整体是否统一协调。(ps中用画板制作界面的可以直接观看效果,本人不习惯用使用画板,会导致电脑卡死)。也可以下载蓝湖插件,将设计的所有界面都导入到蓝湖里,看整体界面效果。


Image title



后期迭代
界面确定后制作完整设计规范,保证设计统一性,不断更新换代,改善用户体验。

四.总结与感悟


整个需求之后,试着总结需求中所有遇到的问题:比如界面是否达到设计预期?用户是否能清晰使用?能否很好的传达产品理念等?总结出在以后的设计中对自己有用的价值。
可以尝试写出自己对这个需求的感悟和心得。

如果你乐于分享,可以试着将自己的界面整合美化一番上传到各个设计网站(保证项目私密性切记需要更换主要信息)。

Image title






蓦首设计生涯

每一段旅程都是不平凡的创造,随心,去出发,在路上!

91粉丝/19关注

搜狗认证设计师勋章当仁不让lv.2原创超人叫兽首页新秀
C4D作品 第二期Hi 搜狗  搜狗输入法参赛作品

蓦首设计生涯

蓦首设计生涯

每一段旅程都是不平凡的创造,随心,去出发,在路上!

搜狗认证设计师勋章当仁不让lv.2原创超人叫兽首页新秀

扫描二维码
去手机端查看海报

蓦首设计生涯

TA已经获得13枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN