夯实基本功，从源头上提高网页设计的美感与排版的方法总结

时间：2023-09-10 22:30:02 | 来源：网站运营

时间：2023-09-10 22:30:02 来源：网站运营

夯实基本功，从源头上提高网页设计的美感与排版的方法总结：这篇文章其实是源于回答本站的问题系统化总结的，因为是网页设计中的刚性问题，觉得还是做一个归纳会比较好，顺便丰富一下自己的“理论”知识系统。

--------------------------

这个问题不论是新人还是老司机，我觉得都一直存在。就我自己对于网页(Web)的探索一路走来，我觉得要从基本功提高，而不是一味地做很多作品，有量没有质，是不能真正提高网页设计能力的。多想多练已经是说烂的话了，那如何更有效的”多想多练“？回归本质，要训练基本功。哪些是基本功，这里列出几个重要的：

1.美术基础

可以购买一些专业美术书籍学习基本的美术基础书籍，包括素描、色彩，不一定要精通，大致有个底，能学好当然是最好的

【书籍+动手】

2.软件基础

虽然PS基本上烂大街的人都会，但是你要把它用精，是比较难的，比如创造素材，不用美图秀秀创造美图秀秀的效果的原理，绘画，壁纸制作，这些需要扎实的软件基础和各种工具的综合使用能力，会一个皮毛，做个界面完全没问题，但是你要想做眼前一亮的设计，没有软件支撑你只能找素材，或者借鉴别人的创作。软件不建议看书学习，电子书或视频即可，更多的需要实操。

PS掌握以后，软件尽量掌握多个，比如3D的一些软件，其它辅助性软件，以便复制你创作素材，网页界面使用Photoshop是比较合适的，利于和开发协作。如果你说我不用PS做界面，我用sketch或者类似工具，最后让开发自己换算单位，自己调节规范以便适应开发需要，你不遵循规范设计，这样会导致冲突。

【电子书/视频+软件实操】

3.熟练网格系统

网格是非常有历史的一个东西，任何设计都离不开他，特别是网页设计，前端开发时都是基于网格系统，所以设计师如果对网格理解深入，能够更好地驾驭布局，而且能够更好地适配前端开发的需求。网格说严重点，直接会影响思考的逻辑。比如某些元素是否能够用代码做到你想要的效果，我能否这样布局，这样布局的底色透明度，容器的安全宽度等等，都会受网格系统影响。也有相关的书籍，可以买一本深入学习。

更何况，网页设计一开始，你需要学会用PS做出一个规范的符合开发逻辑的网格，辅助你接下去的UI设计工作。可见网格系统并不是不那么重要！

【书籍+软件实操】

4.跨行业灵感

网页不仅仅只是UI领域，你可以多了解其它行业比如摄影、平面设计、工业设计、电影后期等等，对网页的设计功力会有意外的提升。要去想这个作品怎么而来，创作者的思路，甚至你可以学习一点简单的技巧，了解就好，不一定要熟悉。跨行业非常训练思维能力和全局思考能力。

【书籍+优秀作品欣鉴赏】

5.懂得细节的取舍

虽然说细节决定成败，但是要实际开发开发落地，不能一味追求1个像素的细节，某些地方是要灵活考虑的，细节不会对他产生影响。一个网页产品落地，产生它的功效，比如营销能力，转化率，收益率，曝光率，第一印象，技术提现。都是要学会细节和整体的取舍，不能一味钻牛角尖，觉得你很注重细节，你就很OK。其实纵观大局，有产品思维，对设计有取舍，会从另一个层面提高网页设计能力。

当然细节很重要，比如建立网格，建立UI规范，每个模块的设计，都需要精确细节，我说的细节并不是你注重1像素就叫注重细节，这样是不负责任的网页设计。

如何训练取舍功力？多和产品撕逼几次，设计师和开发多撕逼几次，多被商业客户揉捏几次，那就知道了细节取舍的重要性。

【多做商业小项目，体会取舍之道】




￣ω￣=

最后，如果你想要提高原创和思考能力，其实扎实基本功后，多练多练才能水到渠成。没有基本功，你怎么去原创？怎么去模仿优秀作品？怎么取做有质量的练习？甚至你可能连一张画Web素描草图的能力都欠缺。我自己也是一直在基本功上一直行走的打杂人，没有基本功，不仅仅是网页设计这一行业，做啥都没底气。以上是我的个人见解和经验总结。