跳转至主要内容

广州更懂信息科技有限公司

author
最后编辑于 2025年8月12日

我也曾与许多设计新手们一样在自学过程中经历过困惑和弯路。
如今,我仍在不断努力学习,去追求理解网页UI设计的真正含义。

为何我选择自学网页UI设计呢?这其实源于一次未能成功的创业尝试。
那次实验并非真正的创业,我和我的合伙人在业余时间创办了一个以程序员为主题的社区(那时是SNS社交平台盛行的年代)。
我在一家知名金融集团担任应用架构师,自然而然地承担了团队中程序员的角色,完成了整个平台的架构和开发工作。
但困扰我们的始终是缺乏一名出色的UI设计师,无法将这个平台提升到一个产品质量的高度。
我们曾通过朋友介绍或在平台上寻找过设计师,但因为各种原因(技能、理念、投入度等),都无法满足我们的要求,最终都以不愉快告终。
那次创业也因此失败而告终。
如今回望,失败的诸多原因中,缺乏一位可靠的UI设计人才是导致产品无法推向市场的至关重要因素。
于是,为了使下一次航行不再重蹈覆辙,我决定自学网页UI设计。

网页UI设计自学指南—写给新手们自学路上的困扰

在自学网页UI设计的道路上,我走得并不顺利,遇到了许多的困难和挫败感。
现在想来,最大的障碍其实源于我对UI设计理解的不足。
概括起来,主要有以下几个方面:

对于学习UI设计准备不足:在此之前,我一直从事着企业级应用的研发工作,在我们圈子中,设计师(我们习惯称其为“美工”)一直是边缘化的辅助角色。
我以为自己可以轻而易举地掌握这些技能,几周就能搞定。
然而,现实告诉我错了,真正的UI设计远比我想象的复杂得多,直到现在,我都无法自信地说我已经掌握了UI设计并能成为一名出色的UI设计师。
随着我对设计的深入研究,我逐渐改变了对于设计师的看法,他们不再是辅助角色,而是能够左右产品成败、推动研发的关键人物。

认为学习UI设计=学习PS、I等工具:在我决定学习UI设计后,我开始在网上搜索相关资料,而“度娘”给我的答案则是大量关于PS、I等设计教程。
我疯狂下载,不分昼夜地学习。
不久后,我确实能模仿优秀作品制作出一些图形和图标,但当尝试独立完成一个完整的UI设计时,我发现我的作品与那些优秀之作仍有天壤之别。
这时我才意识到自己的学习方法可能出现了问题,简单的说就是捡了芝麻丢了西瓜,虽然掌握了一些设计工具技巧,但对真正的设计一无所知。

审美能力不足:另一个我遇到的困难是自身的审美能力不足。
这不仅是我的问题,也可能是我们这一代甚至几代人共同的问题。
由于我国教育体系对美学教育的重视程度不够,导致从小就缺少艺术和美的熏陶,美术课常常被语数外等主课挤压,变得可有可无。
缺乏对美的感知和认知能力,让我们难以准确评判自己作品的优劣,不知如何对其进行改良。
从更广阔的角度来看,我们很难像苹果那样创造出伟大的产品。

我放下了手中的PS、I,静下心来阅读大量的书籍。
通过这些阅读,我逐渐了解并重新认识到了UI设计。
我对需要掌握的基本设计技能进行了梳理,归纳为以下几点:

色彩:理解色彩的基本原理和配色方法至关重要。
色彩难以掌握,容易过于使用。
对于初学者而言,尽可能使用柔和的色彩,仅在需要强调的地方使用醒目的色彩。

字体与排版:文字占据了整个设计内容超过8%的区域,因此理解如何运用正确的字体和排版方式非常重要。
将内容的清晰易读作为定义字体和排版的首要目标。

动效:动效能够显著提高应用的用户体验。
恰当的动效能使应用更具生气和吸引力,前提是它们必须快速、流畅且符合用户预期。

图标:优秀的图标通常与我们日常生活中常见的事物紧密相关,如相机、垃圾桶、云彩等,使人们能一眼识别出其代表的职能。
使用具有良好辨识度的图标,避免用户产生混淆。

声效:在设计中,声效虽然使用较少,但恰当的声效能提升用户体验。
仅凭一个熟悉的声音,用户就能识别出你的产品。

获得设计灵感:设计灵感并非与生俱来,需要我们不懈地寻找。
以下是我的一些经验方法:

阅读:我没有上过设计学校或培训班,大部分设计知识都是从书中获得的。
我关注设计的本质,通过阅读了解对设计有着深刻思想的人物传记,《乔布斯传》、与色彩相关的《色彩设计》和字体有关的《设计师的自我修养》等书籍,让我逐步理解了设计的内涵。

收集优秀设计:另一个获得灵感的方法是收集优秀的设计作品。
Ember是我用来收集设计素材的最佳工具,支持订阅功能,从Dribbble等网站自动下载设计作品,方便浏览和收集。

拥有工匠精神:你所做的每一件事情都可以与艺术联系起来。
无论是阅读、散步、美食还是看展览,其中的每件事都与一种艺术形式相关联:写作、旅行、烹饪、摄影。
当你不断充实一项技能的同时,其他技能也会得到提升。
对于设计来说,这些补充性技能(如写作、摄影、旅行等)对提高设计能力大有裨益。

以下是我总结的关于网页UI设计的几点建议:

掌握设计基础:理解色彩、字体、排版、动效、图标和声效等元素的概念和用法。

具备良好的审美素养:通过阅读、绘画、欣赏艺术等方式提升自己的审美品味和理解力。

不断实践:多尝试,多练习,让理论知识在实践中得到巩固和应用。

寻找灵感:从书籍、杂志、网站、设计平台等多个渠道获取灵感和创意。

参与交流:加入设计师社群,与其他设计师交流和分享,拓宽视野。

持续学习:设计领域日新月异,不断更新自己的知识库和技能树是非常重要的。

最后,我想用一句话来鼓励正在学习网页UI设计的你:“只要有恒心,没有过不去的坎坷。”祝你一路顺利!

Previous Post

 

Next Post

 

评论已关闭。