一周问答集合,关于UI和UE
新手进,高手勿喷
很多刚学UI的新人朋友在公众号里跟我提问
我整理了一下发了上来,希望能帮到一些UI设计的新人们。
-------------------------------------------------------------------------
问:为什么我的UI界面每张看起来就可以,但是放在一起就有一些违和感呢?
答:做UI最基础的是什么?
我认为是布局。
简单来讲,就是统筹的大局观。
做UI设计的时候一定要注重你的布局,布局决定着你的功能的实现效果是否合适,决定着你设计出来的整套APP是否能保持较好的一致性。
举个简单的例子,一个页面的信息是用卡片体现还是用列表呈现?很大程度取决于信息点开后呈现的样式。
------------------------------------------------------------------------
问:我刚学UI设计,总是感觉脑子里没东西,老师给我一个需求,我没办法实现出来。
答:对于UI设计师来讲,糟糕的开始并不可怕,可怕的是选择了错误的路线。对于初学UI的人来讲,你可以暂时放下思考的部分,多去临摹,多去浏览优秀的作品。提升自己作为一个UI设计师基础的审美,如果你连自己做的东西是好是坏都没办法评价,再多的思考又有什么用呢?
无数次的临摹能让你面对一个界面做到基础的实现,然后才是加入自己的思考,加入自己的尝试,再到最后进行原创性的设计,这是一个过程,需要调整好心态坚持去适应。
-------------------------------------------------------------------------
问:总是感觉自己的界面和别人的设计稿有差距,同样的设计稿我的整体效果看起来不如别人。
答:现在扁平化趋势的流行,导致UI行业里充斥着大量的投机者。毕竟扁平化的趋势下,一个实际的设计页面用到的软件水平其实不高。但是设计稿和设计稿之间的区别需要用细节来进行一个区分。
例如:
界面背景色的颜色不能太脏
背景和内容的区分度一定要大,在深色的背景上用一个深色的图标,几乎肯定是不好看的
尽可能做到设计色彩的对比强烈,注意色彩的纯度与亮度
内容与内容之间尽可能做到合适的间距,8px 16px 24px
避免过度设计,不能因为渐变的流行,就在设计稿上使用可怕的渐变色
-----------------------------------------------------------
问:为什么我觉得一些实际上线的产品做得还没我的设计稿好
答:UI设计实际上是一个产品当中的一个环节,在上线的过程中会因为一些实际的原因(研发进度)又或者技术的原因(实现难度)对设计稿进行一些取舍,哪怕是真的有实力,也尽可能对身边的设计师保持谦逊的态度,这点很重要
------------------------------------------------------------------
问:我是一个UI,但是我对UE很感兴趣。前不久去面试了一家公司被拒了...(略)
答:UE对于UI设计师来讲是比较微妙的一种能力,实际上UE也就是交互设计,在不同的公司中会有不同的人员去负责。比如说项目经理、比如说产品经理 、比如说你的合作甲方、比如说也有专业的UE设计师,也有一部分公司的UI设计会兼UE。
因为网上的一些对UE的宣传,让很多UI设计师对UE产生了兴趣并且去钻研。
但是一个产品中决定着交互设计的人并不是上述的几个职位,而是你的老板。
至于你说你被拒,我详细看过了你对你面试的部分的描述。
写了以下我自己的见解,因为我对于交互设计不甚了解,仅供参考。
的确,如你面试中所说,百度的交互不合理,移动端贴吧浏览第二页需要登录账号,给用户带来了极大的不便。
但是UE跟UI一样,在实际上线的时候是需要妥协的,为什么百度贴吧浏览起来必须登录账号呢?
相对糟糕的交互设计保证不了用户的体验,但是能保证你的KPI.
再如你所说,支付宝均分两亿红包做社交是不合理的。
但是从另一个角度考虑,支付宝真的是在做社交吗?如果真的不合适为什么还会做第二年呢?
个人认为支付宝只是通过社交的一条功能线,均分红包这个活动为驱使。
让你把你和你的好友们连接起来。
它的目的也许并不是让你跟你的好友使用社交功能聊天,而是通过五福把你的好友链接起来,做大数据统计,这样可以更方便的计算当你借贷时你的额度以及风险的评估等(...感兴趣的话我可以单开一章讲一讲)
UE只是一种手段,UE并不是UX,做UE的目的是为了让用户有一个好的体验,但是也为了能更好的为我们获利。只尊重用户体验而不讲求实际,都是在耍流氓。
-----------------------------------------------------------------
还有一些便捷的让UI新手们的设计稿效果更好的办法(除了瀑布流包装和英文排版)
比如
列表配图尽量不要使用相同的。
突出主体信息,弱化次要信息,不要过度设计。
注意设计稿的导出尺寸,不要太糊。
适当做一些选中效果,比如三个按钮,可以挑选一个做出选中状态。
尽可能不要使用减少透明度的方法降低色彩颜色。
最后的最后推荐几位我比较喜欢的设计师和文章:
灰昼:排版技巧教程
https://www.zcool.com.cn/article/ZNDAzMDgw.html
嬉皮士Arvin:设计稿中飞机高度较低(替换成中文依旧有较高可行性)
黑马青年:Sketch入门教程(顺便大家帮我看看他的头像有没有瘦脸PS痕迹)
https://www.zcool.com.cn/work/ZMjE2ODIyNTY=.html
孔晨:基础动效教程(学完上面的Sketch就学他的principle教程)
https://www.zcool.com.cn/article/ZNDQ3Nzg4.html
大植子:虽然我觉得他的设计稿中实用度不高(我是实用派),但不得不承认他的设计脑洞和风格水平都有很多值得学习的地方
海边来的设计师:我UI设计入门之处就一直看他的作品,海老师法力无边,感兴趣的新人设计师们可以追随一下海老师的配色练习







































