2024年rwd网页设计 篇1
现在的环境，免费的UI 教学资源真的非常多，也有许多付费教学资源，校园里也有UI 设计课，而我当时是如何从完全不懂设计到成为一个UI设计师？
设计师Anu经验谈说：实际累积作品，没错！但要如何提升UI能力，累积好作品呢？
我的学习方式是：研读吸收、实地练习、回馈分析，不断循环。我认为要累积好作品，「研读吸收、实作、回馈分析」这三步缺一不可。
如果你选择付费课程学习，通常这三个部分都有在课程规划里，能够系统性的循序渐进学习。若有预算，其实可以投资自己上课。
如果你想自学，以下是我过往的经验，希望写得足够具体，能够鼓励一些不知道怎么进行的人，踏出第一步：
一、 研读吸收：建立专业知识素养
重点在于建立所有跟设计、UI 有关的专业知识素养，因应想要增进的UI 能力，要看的资源都不同。
设计App：google material design/ iOS human interface guidelines
设计网页：RWD (Responsive Web Design)、breaking points 原则与概念二、 实地练习：从做中学熟悉工具、真正产出
看完下一步，就是卷起袖子实作了。空有好素养与浓厚知识，做不出好UI的话只是纸上谈兵。这里也不谈各种技术软体，UI设计可以从学会sketch开始，再搭配学习使用prototype工具。
职场上直接面对案子就是很好的实作，如果没有机会怎么办？
找市面上你有兴趣的上线产品，尝试redesign 一整套：优点是可以练习设计系统，缺点是门槛比较高(需同时具备UX 研究、规划能力)、要产出完整的一套作品花时较长。
如果以上两个方向，对某些人来说仍然困难(打开sketch 来脑袋就是一片空白)，那么就从「模仿」开始！模仿不是为了抄袭，而是在学习过程中观察好的UI 设计案例、拆解它的规则：哪里好、为什么好，吸收成为自己的基本专业素养，先有基本框架，你未来才有可能打破他。三、 回馈分析：思考如何可以更好？
实作完有产出还没结束，若想成长、突破盲点，就要分析你的产出「哪里好，哪里可以更好」。
怎么分析呢？
从专业设计知识去分析：例如易读性、易辨性、UI 上建议最小的按钮大小等经验法则，就会牵涉到UI 排版上的字体大小、颜色使用等等，当你了解越多，你就有办法分析一个UI 作品的好与不好。
多方具体对照分析：有两种方式，第一是「不同版本对照」：例如daily UI，网路上有很多人一起做同样主题，做完后，可以与其他人的作品对照，看看与自己的作品有什么差异。第二是「不同人回馈」的对照：请教有经验设计师的回馈，或是到设计师社群邀请大家提供建议！
UI 设计，主要是引导使用者完成最重要的任务，去看你的设计，是否能让使用者达成你的预设任务，你就会理解目前UI 设计上，哪里让使用者困惑，哪里使用者很清楚。
总结
以上是个不间断的循环，设计师持续研读分享不同的知识、工作产出后邀请不同的设计师彼此回馈，做中学、学中觉，帮助彼此更好。最后，目前的设计师也全都不是设计背景，因为我们有不同的成长背景，学习成为设计师的心路历程与学习路径不完全相同(当然有些也有异曲同工之妙)，欢迎你多方阅读，最后找到最适合你的方法。
谢谢有耐心看到这里的你，谢谢想要透过设计让世界更美好的你！