提升UI设计视觉效果的5个角度

我曾经写过,UI设计是一个拼盘,它需要把版式设计、字体设计、配图设计、插画设计、摄影后期等所有与视觉有关的内容都全部综合在一个拼盘里,这个拼盘呈现的形式,可以是APP界面,或者网页界面。

所以,学习UI设计,归根到底,是对拼盘里的内容进行组合装配的过程。今天我们这篇文,就是试着回答经常收到的网友私信关于UI设计学习的问题:我应该怎样提高UI设计呢?

我一方面从技法上给大家一点学习建议,一方面主要从大环境,更高的维度来阐述这个看似只是职业技巧的问题。也许它不是职业技巧,而更甚是一个哲学问题。

搞清楚这一点,对你的职业生涯尤其重要,你能获得学习提升的方向,也能帮助你判断你的工作价值感在哪里。

你的UI界面出稿,最初的观者受众,是你的甲方爸爸。也可能是你的上级BOSS。他们的审美,其实就是你的UI界面审美的第一道关卡。

潜在提升对方的审美值

能潜移默化提升甲方的审美,这点非常关键。而能影响对方的前提,是你要用你的专业去征服对方。而不是和对方硬杠。

很多时候,我们以为boss并不关心我们的行为,其实,他只是表现出不在意的样子,目的是为了让你放松,表现出最真实的你。而他也在这一过程中默默观察你。

所以,如果你能给他以”专业“的印象,那么这个印象就会提高你在工作过程中的话事权。

人与人之间的关系,其实就是一个潜在的能量拉锯过程。你要增加自己在职业的能量值,类似把你的职业系数开大。你首先要接受这份雇佣关系,既然是关系,就必定在寻找一种平衡。如果你弱了,他自然就要强压你,让你难受,让你996,让你改稿改到喷血……如果你强了(至少在专业上强),他认为你值得这份工资的支出,自然就会尊重你、怕你跳槽、听你的意见……

如果不是奇葩上司或甲方,这份关系的建立,就是如此简单。

所以,如果遇到一个审美偏低的金主爸爸,让自己的专业去影响对方,就能达到提升自己的作品视觉的效果。

眼睛的审美是贪婪的,没有天花板的。之所以你觉得自己做的作品不好看,其实还是因为看过其他更好看的作品。

而好看是什么?其实我觉得很少人会思考这个问题。如果说好看就是流行,就是打开dribbble、Behance里那些推荐作品,然后让他们来告诉我们好看的设计就应该是这样,那么我们的审美其实也是很被动的。

这又是一个哲学问题。但是我们还是不要活得这么复杂吧,回到技术层面。

要好看的界面?很简单。每天对着Dribbble上排名top的作品进行临摹就可以了。临摹不要想太多,就是做。做的过程,会告诉你所有的答案。

临摹会带来什么

临摹的过程会有一种“再经历一遍创作者的design过程”的感觉。首先你会从排版上发现,哇,原来这样排版更好看,文字可以用这种方式排在一起。

没有图片素材也没关系,原作素材的缺席刚好是你的学习点的开始。打开图片网站,搜索一张和原来素材类似的图片。然后再和文字组合,看看和原作有什么不同。

下图左边是网上找来的原作,右边是根据原作所做的临摹。

很多借鉴的好作品,大都是英文排版。试着换成中文排版,看看怎样把中文变得好看。如果直接用英文,的确在视觉上很省事。但是,你的金主爸爸未必会同意,你们的营销策略也大概率不会答应。

以下就是经过中文洗礼以后的APP界面设计:

所以,如果是经常做商稿,就要有心里有准备。临摹时也要有所调试。最好的临摹,就是能超越原作。

通过手的训练,提升了你的审美感受力。起码能追到最流行的视觉节奏,出稿就“下笔如有神”。这种“神”,甚至不需要你每次设计就打开参考图库,而是能直接从大脑中取货。

虽然现在网上有很多优秀作品,但是,有原创感的优秀作品,其实非常非常少。因为多少大家都在相互借鉴,能完全独创的其实非常稀缺。

你的原创力决定了你的职业生涯长短

很多人说设计师是美工,美工也许是对没有原创力的设计师的一个统称。但我其实很想为美工正名,美工未必没有原创力。美工侧重“工”,只是侧重点不一样。并无高下之分。

任何工作,只要丢失了原创力,就会容易被取代。一个人如果做街道清洁做得有创造力,他就不再是普通的清洁工,而可能是环卫专家。一个如果做农活做得有原创力,他就可能是一个田园生活方式博主。

一份工作能否给你带来价值感,也是以“原创的比例”作为基准的。原创的比例越大,你在这份工作中的能动性越强,就越能给自己带来成就感。

而你应该怎样迎来你的爆破点呢?

在没有原创力的时候,我每天都很焦虑。除了临摹,没有别的办法。所以每次能出稿,打开ps,我都很开心。因为只要练一次,就有一次的提升。这和积累积分是一样的。

这次原创的不好看?没关系,已经积下1分了。这次没有完全原创?没关系,下次多增加一点原创的配比。

用积分的心态去提升自己,就能部分消减掉无法原创的焦虑。所以,很多人说我勤奋,其实大概也就是与其刷剧看小视频,我更愿意在这里积分罢了。

不要害怕丑!

那天看综艺,听到一个人讲:“一个人只有摆脱自恋,才是真正成长了”。这句话特别能共鸣到我。

很多人之所以不能原创,只是因为害怕被人说不好看。所以,只能借鉴别人的作品作为设计的开始。这段经历是必经之路。

但是到了一定阶段,这样的开始就会带来限制。如果有天断网了,你就没办法创作。如果你的金主爸爸要你画一画APP的改版思路,你的下意识反应是“等我打开dribbble参考看看”。这已经很危险了。

虽然很多人已经习以为常,但我却感觉这不是正常的。设计师难道不应该是立刻抓起笔来就能画吗?之所以雷同的APP界面这么多,大家的习惯造就了我们的现实。

切换到boss的维度再来看原创的价值

当你拿着你的作品集准备简历的时候,如果你能原创作品,并且骄傲的打出原创二字,提出你的原创思路。你的作品集肯定是会比其他(或许看起来更高大上,但是没有原创力的作品)更有机会得到面试机会。

相同的薪资水平下,boss更青睐的是哪一种设计师呢?

如果你正在找工作,或者考虑跳槽,你永远要切换到boss的维度上,他请一个人是来做什么的?他为什么要招人?

他请的设计师如果只是按他的命令,他给的参考图片来画,他在心中给这个员工的分数最多就是一个及格分。当然,他不会随便炒掉你,但是一有机会,一定会想办法换掉你。而如果你能画出他没见过的更优秀的作品,情况肯定会完全不一样。

这里的Boss可能又会分为大公司和小公司,大小公司是相对不同的运作模式。大公司一般走得是概念风,他们花得起钱,所以更重视品牌的传递。小公司其实也分很多种类,但小公司一般都是Boss个人的人格化的体现,因此熟悉boss,摸清他的风格比较重要。

但不管怎样,原创力一定不止你的工作能力。而也是你的表达力的体现。表达,只有熟能生巧。自由的表达,能帮助这家企业输出其内在价值。这也就能更大带来企业的收益。这是金主们的最爱。

很多人对素材库的概念就是付费的图库。毕竟网上现在的付费图库已经手到擒来了。好照片,当然有。佼佼者却不多。

要用好素材,我们的UI设计就成功了一大半,可以说设计UI的过程,其实就是处理和组合素材的过程。下面我们可以把UI设计所需要的素材大致分为四类:

图标元素

但是一旦涉及到特殊的图标,网上就未必能找到合适的资源。如果直接拿别人的素材资源,一旦要用到特殊的图标时,如果找不到同类风格的图标,这时就很棘手。这就需要你能自己根据原有的风格线索来画。

配图

配图我们可以分为两类,一类是Banner类的视觉比例偏大的图片。这类图片可以是摄影或者插画,通常,Banner的位置出现在头部,所以要求画质高清且层次丰富。

单纯靠一张摄影作品就做出头部Banner的时代过去了,取而代之的是插画或者对摄影做更进一步的视觉处理。而且为了传递信息的准确直达,也会添加相应的文字来丰富画面。

另一类是其他的图片信息中的配图,这类配图与可能是产品和服务的图片,如果是在介绍类的文字中出现,也需要准确的辅助表现信息。

还有一种配图的方向,也就是利用插画。直接创作插画就比去网上找图片素材来得简单,表现清楚概念就可以。

最后一种配图的风格就是C4D制作的质感特别高级的立体艺术,场景装置,在电商展示产品的时候用的多一些。

无论你是用哪一种方式表现配图,摄影、插画、立体……,都需要一门深入,表达得彻底。不是懂得越多越好,而是越深入越好。因此选好一个适合自己的方向非常重要。

字体

字体是很容易被忽略的元素之一,因为对于UI设计,尤其是中文字体更多依赖系统能提供什么字体,没有平面设计那么自由。

但是UI设计师对字体却要非常小心,尤其是大型的文字,比如Banner内的文字,可以以图片形式出现的文字以及英文,都要注意字形对整个界面的影响。

视频

如果是比较简单的UI界面,很少会用到视频。毕竟敢把视频直接放到自己的服务器里给用户看,而不是引用外部资源的平台也不多。视频的流量真心是贵啊~(我自己的个人网站就用过视频,还好一直比较庆幸流量不大)

交互

UI的交互是交给代码实现的,但是UI设计师不会代码,那么就用动效的方式来展示。这样能把交互概念更完整的递交给前端。

所以UI设计师也需要对交互的体验多一些了解,尤其要对代码实现到哪个程度心中有数。否则你的界面只能是一张图片,只有审美功能,没办法实现成为真正的界面。

以上几个方向能拿下,基本上你的UI界面设计,就算不能登顶,也能在行业里被众星捧月膜拜好一阵了。

其实方向大家都知道,缺乏的只是日积月累。

记住,当你在说这句话的时候,你已经进入了一个恶循环,这个恶循环就是:重复工作无暇顾及自身成长,没办法成长所以更要努力重复工作……最后到了中年危机,加班加不动的时候,前面来了一大波比你能加班,还能接受低薪的小年轻,瞬间成为“被优化”的一员。

最后,你会发现,其实做一份好的作品,提高自己的作品视觉效果,这套方法,也能让自己变成一个更好的人。优秀不需要努力的,它只能是一个习惯。

THE END
1.ui设计课件教学课件.pptx已阅读5页,还剩30页未读, 继续免费阅读 版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领文档简介UI设计课件contents目录UI设计概述UI设计元素UI设计流程UI设计工具UI设计案例分析UI设计的未来发展01UI设计概述UI设计(UserInterfaceDesign),是指对软件的人机交互、操作逻辑、界面https://www.renrendoc.com/paper/368585795.html
2.ui设计学习短视频制作教程视频大全虎课网为您精选2门ui设计学习短视频制作视频教程免费学习,更有ui设计学习短视频制作图文教程、课后练习及作品评改。上虎课网学ui设计学习短视频制作,每天进步一点点!https://m.huke88.com/jiaocheng/uishejixuexi-27-6/
3.学习UI设计素材免费下载UI&提示UI&提示 音效专辑音效专辑 设计练习设计练习 工具 AI配音AI配音 真人配音真人配音 音频编辑器音频编辑器 商用 免费商用 (CC协议)免费商用 (CC协议) 企业商用 (29元/首)企业商用 (29元/首) 配乐 情绪 安静安静 轻快轻快 浪漫浪漫 感人感人 https://www.aigei.com/design/ui/xue_xi/
4.专业的零基础学UI设计培训教程和知识分享平台ui设计学习网是一个发布分享高质量ui设计教程、ui设计素材、ui就业前景动态、ui设计培训新闻、零基础学ui方法和ui设计软件下载等的学习平台。http://www.zhongchuang520.com/
5.UI设计免费3Dmax教学视频动画学习Adobe XD软件系统入门到精通UI设计视频教程 ¥68.00 初级入门 VIP 免费 17小节 19161 【小白学UI】UI动效设计 | Principle系统基础入门教程 ¥59.00 初级入门 VIP 免费 12小节 14128 AxureRP9系统高级实战案例解析篇教程 ¥68.00 初级入门 VIP 免费 13小节 https://www.maliang.com/uisheji/
6.什么是UI设计?UI设计需要学习哪些软件?UI设计需要学习哪些软件? UI 设计中的 UI 是英文User Interface的缩写,直译过来就是「用户界面」,UI 设计连在一起就是「用户界面设计」。 用户界面设计,指的是在用户体验和交互的指导下对计算机、电器、机器、移动通讯设备、软件或应用以及网站进行的设计,使得用户在完成自己的任务时与设计的界面之间的交流尽可能地https://www.jianshu.com/p/8064ce967a28
7.免费自学网站有哪些?值得收藏的学习网站推荐→MAIGOO知识普特英语听力网:提供英语学习免费教程,英语学习资讯,英语考试资料,英语学习资源,英语学习工具,英语学习方法,英语四六级资料,英语学习资料。【官网链接】 学UI设计的网站 腾讯CDC:关注互联网视觉设计、交互设计、用户研究、前端开发。【官网链接】 花瓣网:用于素材收集,是非常棒的素材库。【官网链接】 https://www.maigoo.com/goomai/232416.html
8.优阁(UIGREAT)UIGREAT-优阁,是一个UI设计师学习交流分享的平台,免费的UI设计公开课成功引导UI新人设计师入门,分享最新UI设计教程,UI设计资源给大家提供更多的学习与工作机会https://uigreat.com/
9.慕课网UI设计官网,慕课网是一个免费的IT技能学习平台,课程涉及慕课网是一个免费的IT技能学习平台,课程涉及前端开发、后端开发等和UI设计内容。。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言,覆盖了面试就业、职业成长、自我提升等需求场景,帮助用户实现从技能提升到岗位提升的能力闭环。 慕课网UI设计是一个热门的设计学习网站&程序、归属于无峰导航中的设计利https://www.8kmm.com/sites/3510.html
10.10个UI设计师自我提升必备免费网站!对于设计师来说,找到专为他们量身打造的学习资源至关重要。在众多平台中,有一些是专门服务于国内设计师群体的佼佼者,提供大量高质量的设计学习资料和最新行业动态。UIED用户体验学习平台正是其中之一,专注于UI/UX设计师的成长与学习,提供丰富的设计理念、实战案例和AIGC(人工智能生成内容)趋势分析等内容,帮助设计师保https://www.uied.cn/54261.html
11.UI设计,从入门到大神(免费录播,随到随学)好知网UI设计,从入门到大神(免费录播,随到随学) 5(1人评价) 课时:(25) 学员:(107) 浏览:(6814) 加入课程 课程简介 课程教师 广州邢帅教育 38在教279粉丝 邢帅教育(原名邢帅网络学院)是由学院院长邢帅老师、副院长郭洪仓老师创办,始建于2008年底,总部位于广东广州。本学院自建http://www.howzhi.com/course/15719/
12.优秀UI设计网站分享优秀设计联盟(SDC),是国内优秀的设计师学习平台,拥有海量优质设计文章,包含了PS教程,AI教程,UI设计,网页设计,排版教程等。学设计,上优设! 优设网 https://uiiiuiii.com/ 优优教程网 - 学教程找灵感就上优优 - PS教程,AI教程,原创免费教程 优优教程网(uiiiuiii) ,设计师教程学习平台。为零基础、进阶提升和设https://www.douban.com/note/744291226/
13.UI设计教程UI教程UI视频教程千锋教育UI视频教育频道为UI设计师提供原创UI教程、UI视频教程、UI设计教程,UI自学方法等高清优质视频教程,免费提供在线观看下载,让UI设计初学者快速入门,短期内迅速掌握UI设计实战技能.https://video.mobiletrain.org/ui/
14.IT视频教程从入门到精通(完整版)免费下载,IT视频免费学习资源库达内IT免费视频教程资源库包括(全套)Java视频教程、网络安全学习教程、视频剪辑学习教程、UI设计视频学习、云计算视频教程、人工智能视频教程等主流IT学习视频教程,一站式IT视频教程全部免费学习,持续更新,轻松自学IT编程https://www.tedu.cn/v/
15.UI设计培训UI培训UI培训班UI培训机构叩丁狼教育提供专业的全栈UI设计培训,包含平面设计培训、视觉设计培训、交互设计培训、电商设计培训、网页设计培训等服务,适合零基础入门的小白,零基础快速学会UI设计就来叩丁狼。https://www.wolfcode.cn/ui.html
16.AI+设计视频教程传智播客和黑马程序员视频库出品的UI视频教程,包含全套AI+设计初级视频教程,AI+设计中级视频教程,AI+设计高级视频教程,AI+设计视频教程全部免费下载,让你轻松学会AI+设计。http://yun.itheima.com/map/24.html
17.蓝鸥·北京UI设计培训平面设计培训UI设计师设计师培训而UI设计更多的是注重用户体验,交互设计,同时与开发人员协作,尤其视觉设计师转行需要在思维方面由好看到好用的转变。互联网更新快,时间与开发成本都是ui设计师要注意的。 是否可以免费重修? 学生如果因为中途落课或学习效果不扎实等原因,可以向教务老师申请降级重修。本期学不会或学不扎实的,可以在下期免费重学,http://www.lanou3g.com/topic/ui.html
18.学习UI设计的杭州ui设计哪个比较好 杭州哪里学UI 师兄师姐们的实力 您值得拥有 杭州学UI设计首选天琥教育 学习更深一层,职业发展起点更高 天琥UI课程研发团队调研发现,当前同类培训课程 几乎都设置了4个月的学习内容,为满足企业用人需求我们的团队把课程 研发更深入,让您学完本课程就业起薪更高,发展潜力更大。 UI课https://www.thea.cn/px461_hz_12625071.htm
19.学UI网—UI设计师学习教程平台(uime.cn)UI学习教程网站!学UI网—UI设计师学习教程平台(uime.cn), 是一个高品质ui设计素材共享与ui设计学习平台。学UI,UI,UI设计,UI设计教程,UI学习网站,手机UI教程,UI设计欣赏,APP欣赏,APP设计,UI界面设计,网页设计教程,ui设计素材,ui设计源,ui作品集,ui素材下载,3D素材,Figma素材等下载https://www.uime.cn/
20.武汉UI设计能力学习提升班完美动力教育预约免费试听 选课报班咨询new 课程报读条件 领取课程优惠hot 更多同类咨询 其他问题咨询 微信扫码有优惠 随时随地与老师微信互动 武汉UI设计能力学习提升班 【课程简介】 UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User https://www.91goodschool.com/course/7635-143986.html
21.云和网课云和数据在线课堂是云和教育线上IT视频学习交流网站, 提供JAVA课程视频,UI课程视频,PHP课程视频,HTML5课程视频和VR课程视频等学习课程的在线IT教育平台。http://online.yhit.org/
22.这7个顶尖UI设计课程,你还真不一定知道!Pixso设计专栏旨在鼓励设计师进行交流和学习,并将设计作品进行更大范围的分享和传播,提高中国设计作品的影响力。此外,Pixso还不定期举办设计比赛,给设计师一个展示自我创意的平台,帮助优秀企业发掘更多优秀的设计人才!点击前往Pixso设计技巧专栏,免费学习UI设计课程。 https://pixso.cn/designskills/7-ui-design-courses/
23.PS,AI,C4D,AE,UI,Sketch,平面,海报等原创免费教程在线学习优优教程网官网-UiiiUiii.com,免费设计软件自学平台。为网友及创作者提供原创AIGC、Midjourney、Stable Diffusion、平面、UI、网页、C4D、Sketch、动效等免费教程。提供软件下载安装教程。优设网旗下站点。https://uiiiuiii.com/
24.10个免费学习UI设计的网站提升你的设计能力10个免费学习UI设计的网站 提升你的设计能力 今天给大家推荐10学习UI设计的网站,这都是我平常获取灵感的啦! 学习UI呢,一定要多看多学,掌握最近当下流行什么设计,在设计规范的基础上,把自己的作品尽量做好! 让你的UI设计可以提高,工作高效完成,并且能够拿下高薪工作!https://www.hxsd.com/information/5218/
25.巧匠课堂巧匠课堂(www.2qj.com)免费的设计视频教程平台,覆盖PS、AI、C4D、DW 、视觉营销等精品设计视频教程致力于打造全网实用的设计经验教程。http://www.qiaojiang.tv/xyzf/