Featured Image

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


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

1.美术基础

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

【书籍+动手】

2.软件基础

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

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

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

3.熟练网格系统

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

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

【书籍+软件实操】

4.跨行业灵感

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

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

5.懂得细节的取舍

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

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

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

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

自恋

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


本文出自没位道|Chuckie Chang中文博客,转载请保留出处,谢谢!

注意:本站部分文章用于书籍出版,为了避免非法转载造成的利益和法律问题,Copy转载本文需注明出处("Chuckie Chang"或"没位道")和网址(本文URL,或者作者同步发布的站酷、知乎、UI中国、简书或其它中文第三方平台URL)。


网页设计 方法 布局 排版 

评论

    评论正在努力加载...
分享按钮
image