火星网校
纯新手三个月玩转UI设计分享经验
发布时间：2024-01-04 09:34:57 浏览量：148次
首先我还是要说明一下，“三个月玩转UI设计”这个命题真的很大，其实三个月时间不长也不短。过往大量美术专业的学生能短时间玩转UI设计，归功于他们在高中、大学打下的扎实的专业基础。而且美术是相通的，如果你是平面专业或工业设计专业，的确非常好转UI,因为这类同学已经掌握了很多软件技能和美术相关专业技能，只要加以练习就能转做UI了。
然而如果你没有美术相关专业背景，以及没有软件应用技术，那么你肯定要比专业出身的人付出得更多。但凡事都是有可能的，如果足够努力，甚至运气好点，你还能找到份UI设计的工作。我们先不说后面丰硕的成果,首先了解一下这三个月最大的障碍是什么。看看我们如何一一攻破
1. 贵在坚持
如果你把工作辞掉脱产学习，买一堆UI入门的书籍，最大的障碍依然是坚持。如果辞掉工作在家学习，可能被肥皂剧吸引，如当红的《欢乐颂》，再坚持两个月或者还有《琅琊榜2》，又或者自己爱看《权力的游戏》，无处不在的诱惑充满着你的生活。不只是戏剧就连刷朋友圈都会消耗你的时间，真正脱产三个月，扣除睡觉吃饭朋友聚会，剩下一个月的时间就很不错了，所以这三个月里最大的敌人依然是自己，如何坚持才是关键。Deen不是心灵导师，也没有好的方法，这里就省略几百字……最后还是警惕一句“贵在坚持”。
2. 报班学习和买书自学的区别
有些朋友犹豫是不是报个班比较好，其实报班有报班的优势，Deen觉得其最大的优势是，至少上课的几个小时绑定了一个学习场景，尽可能少地被干扰，而且还能随时和同学或者老师探讨问题，一般UI班是上午上课，下午做题，的确是快速进步的途径之一。如果有条件，报班是一个很好的选择。
但是报班并不是没有缺点，记得在2000年的时候，网页设计兴起，Deen也报了个网页设计班，但自己学习的状态还不够坚定，最后钱也花了，也没学到什么东西，每次的出席变成任务。后面也参加过不少类似的美术班，Deen也吃过不少亏。
通过书籍学习也是一种方法和途径，首先要选择一本合适的教程，然后进行系统的学习，书本的内容会更细腻，经验也会更多，但仍需要主动学习，像在大学一样。通过书籍学习的缺点也很明显，还是专注力的问题。学习书本时容易分散精神，浪费时间。
其实总结以上两点，无论参加培训班还是购买书本自学，关键还是在于自己是否能专注。专注和坚持是学习UI最有效方法。
3. 给自己一个时间表
“鸡汤”就不给大家喝了，还是来点实际的，那我们先制定目标“三个月玩转UI设计”，接下来我们要把目标具象化，如下面的图。
同时要给这些目标进行拆解，最后给这些目标订立一个达成日期。有了明确的时间和目标后，我们就可以开始三个月的特训了。
4. 狂练布尔运算
Deen之前的文章已经提及，在UI设计里，布尔运算是极为重要的技能。这个技能横跨所有设计软件，PS 、Ai、Sketch、Flash等主流设计软件都需要运用布尔运算。使用布尔运算制作出图形，再对图形进行添加样式就形成图标了。
5. 样式的使用技巧
样式属于UI设计里第二重要的功能，就算是Ai或者Sketch同样离不开样式。
第一梯队功能（高频使用）
第一梯队的功能都是使用率最高的功能：描边、渐变、投影。这三大功能也是唯一通吃全部设计软件的功能，只要学会和熟练运用这三大功能，基本能把90%的图标、界面效果做出来。所以大家要花时间在这三大功能里，赶紧用起来吧。
如何用这三大功能呢：
描边看《UI功夫》P26
渐变看《UI功夫》P24
投影看《UI功夫》P26
描边，多用于为界面、图标、按钮提高细节。近两年APP的兴起，追求轻和高效，出现了“幽灵按钮”，就是没有多余的样式，只是有描边的按钮。
渐变，多用于界面、图标、按钮，大家看到这里会觉得它跟描边是一致的，但渐变更多用于大的视觉效果，而描边是细微的视觉效果。
投影，同样是增加细节的效果，使用后能让物体更突出层次感。
大家看了实例，也了解了三大样式的作用，但要真正掌握这项技能，靠的还是不断的练习或者在工作中的点滴积累。
第二梯队功能（特定使用）
它们包括：斜面和浮雕、内阴影、内发光、颜色叠加、图案叠加、外发光。
除了光泽以外，这些效果都只会用于写实图标、界面或者重质感的按钮。随着扁平化风格的兴起，这些功能用得越来越少了。当今，除了游戏UI需要重质感和光特效，质感和纹理不再是UI中的必要元素。
6. D级任务是日常练手的最好途径
通过执行D级任务，可以让自己快速提升。下面列举几个在《UI功夫》中常见的D级任务，希望各位读者也能举一反三，发现书里面众多的D级任务。UI设计的流程是固定的，但是由于每个同学的基础不一，因此书中的第一页或者靠前的篇幅未必真的这么“简单”，里面存在很多学问。为什么要定义APP默认设计尺寸为1334x750？为什么PC软件的分辨率要低于1280x768，里面有太多太多基础问题了，后面Deen也会通过知乎专栏、微信公众号向大家一一道来。
D级任务图标
P30页，TAP图标制作
P31-P35,文件夹图标制作
P118页
D级任务界面
P67-P76
P124-P128
D级任务按钮
P63-P64
P102
7. 养成“收藏家”的习惯
灵感不是凭空而来，以前有很多朋友会问我，怎么样获得灵感，那些高水平作品的灵感来源于哪里，其实这个没有绝对的答案。一直以来高手的回答也很虚，很难进行量化。我跟随高手多年以来，也偷偷记录了他们的细节。
当然，每个公司都有不少高手存在，他们普遍都有自己的一个素材库，就算是他们的原创作品，根源都离不开这个素材库。素材库里面集合了他们平时的收集，只要看到好的素材，他们就收集下来。当然，大部分高手已经做到对于优秀作品直接输入了，再进行二次转化，这些天才型设计师甚至不需要对库反复看和研究，就可以直接输出。
那我们开始建立自己的素材库吧，就好比与火影忍者的召唤兽“文太”订立契约一样。把喜欢的设计分门别类地收藏起来，在早期，都是在硬盘上建立不同的文件夹以存放不同的素材，而今天Pinterest和花瓣的兴起，选择面就广了，甚至部分设计师还会专门购买专业软件来进行收藏。
Deen的Pinterest库，
https://www.pinterest.com/fuDeen109/
8. 小配图必修课
除了界面和图标外，UI设计里还有第三大需求——运营需求。由于运营需求牵扯过于复杂，几段话很难描述一个专业的设计类别。通常UI设计接触最多的运营需求为“配图需求”。这些配图需求包括新手引导、新功能引导、提示配图、宣传推广小广告，还有很多很多很小很不起眼的东西，但这是UI设计师的必修课。大家可以看《UI功夫》P104-112，Deen用比较多的篇幅描写了新手引导的制作。至于配图，并没有说明如何从头脑风暴到实践的全过程，这里建议各位朋友建立一个小广告、小配图的库，当遇到该类需求的时候，这个库就是你最好的设计资源了，所以灵感资料都可以在这里找到。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
最新文章
