子虚栈
·
前端笔记101
内容提要
本文记录了作者在网页设计学习中的思考与实践，使用Figma和React等工具，探索设计原理与图形绘制，强调灵感培养与系统学习设计知识。
关键要点
-
作者在网页设计学习中使用Figma和React等工具，探索设计原理与图形绘制。
-
灵感的培养需要系统学习设计知识，像养花一样呵护创意。
-
设计工具Figma的初步观感类似于制作PPT，适合原型设计。
-
学习设计的基础知识包括《平面构成》、《色彩构成》和《立体构成》。
-
作者的实践目标是挖掘古文古画古书中的图像与符号关系。
-
图形绘制能力是设计师必备的技能，影响UI设计师的能力水平。
-
UI设计师使用的工具包括Figma、Sketch、Photoshop等，适合不同的设计需求。
-
Figma的交互设计有趣之处在于特定工具在激活时才会出现。
-
JavaScript学习从基本类型和运算入手，了解数据结构和算法。
-
作者总结了JavaScript中的基本类型、运算符和控制结构。
延伸解读
设计工具的选择与应用
在网页设计中，选择合适的工具至关重要。Figma作为原型设计软件，适合快速构建和迭代，但其局限性在于不支持竖排文本。设计师应根据项目需求灵活运用Figma、Sketch和Photoshop等工具，以提升设计效率和效果。
灵感的培养与设计实践
灵感的获取并非偶然，而是需要通过系统学习和实践来培养。作者提到的‘养花’比喻，强调了设计思维的成长过程。设计师应注重基础知识的积累，如《平面构成》和《色彩构成》，以便在创作中更好地实现灵感。
图形绘制能力的重要性
图形绘制能力是设计师必备的技能，直接影响UI设计的质量。作者指出，掌握图形绘制工具可以将设计师的能力从60分提升到80分。因此，设计师应重视图形绘制的学习与实践，以增强自身竞争力。
延伸问答
Figma在网页设计中的作用是什么？
Figma主要用于原型设计，帮助设计师勾勒整体轮廓，并进行简单的封面制作。
学习网页设计需要掌握哪些基础知识？
学习网页设计的基础知识包括《平面构成》、《色彩构成》和《立体构成》。
作者如何看待灵感的培养？
作者认为灵感的培养需要系统学习设计知识，像养花一样呵护创意，使其逐渐成长。
UI设计师常用的工具有哪些？
UI设计师常用的工具包括Figma、Sketch、Photoshop等，适合不同的设计需求。
图形绘制能力对设计师的重要性是什么？
图形绘制能力是设计师必备的技能，影响UI设计师的能力水平。
JavaScript学习的起点是什么？
JavaScript学习从基本类型和运算入手，了解数据结构和算法。
