刷手机时看到特别舒服的APP界面,你会不会突然愣住盯着看半天?刷短视频刷到酷炫的动效设计,是不是总想点暂停研究下怎么实现的?今天咱们就来聊聊怎么从“看热闹”变成“看门道”,让好看的UI设计真能帮到你!
去年我朋友小张准备转行做UI,结果天天抱着手机截图库发愁:“这些按钮为啥要放这里?这个渐变色怎么调出来的?”后来他养成个习惯——每天刷30分钟设计网站,半年后居然拿了月薪12k的offer!看多了好设计真的能长“审美肌肉”,就像健身得先看别人怎么练一样。
1. 颜色要“偷”整套的别光看主色好看,把辅助色、点缀色都扒下来。比如现在流行的“多巴胺配色”,看看人家怎么用亮色还不显乱的。
2. 布局得带放大镜看优秀设计连图标间距都是精心算过的。下次看到喜欢的界面,试试把图片放大到200%,看看细节处的留白处理。
3. 动效要拆解步骤看看到丝滑的转场动画别光喊666,用手机录屏然后逐帧播放,数数用了几个关键帧,过渡时间怎么分配的。
Dribbble:设计师们的朋友圈,能看到最新设计趋势Behance:完整项目展示,适合看整套设计逻辑Pinterest:灵感瀑布流,适合快速收集素材花瓣网:国内设计师聚集地,搜中文关键词更方便站酷:能看到落地项目,很多附设计思路解析
要是看再多案例还是搞不定实战,可能缺系统指导了。像网时代教育这种专做IT培训的机构,他们UI课程直接把大厂项目拆开来讲。听说去年学员就业率96%,平均薪资在9k-14k之间,官网www.wangshidai.cn上有往期作品展示,做得确实挺接地气的。
1. 建个灵感相册分类保存(美食类/工具类/社交类)2. 每周模仿重绘一个喜欢的界面3. 多观察实体产品设计(超市包装、路牌指引都算)4. 看设计时多问“为什么”:为什么用圆角不用直角?为什么图标放左边?
最后说个冷知识:微信启动页那个小人站的位置,是经过上百次测试确定的最舒适视觉焦点位置。你看,好设计真的每个像素都有讲究!
小白找不到官网的可以加他们微信:13148733307