苏州UI设计培训-UI设计培训哪里有?视觉要素

上元教育张老师
2022-07-22 14:33:09
2人阅读

UI设计培训哪里有?UI设计培训哪家强?
UI设计培训哪里有?UI设计培训哪家强?
04 . 何为形?

形,决定着整个产品线的调性,能直接将产品所蕴含的情感文化通过视觉表现传达给给用户。无论

是按钮的圆角比例,还是图标的统一性,都是形的重要组成部分。而在UI界面设计中图形更多的体

现在图标及按钮上,这里可以尝试这样来提升形的统一感。


要素一:统一的icon风格

在图标设计中,首先要把控好icon视觉语言的核心,以较为常见的线性图标为例,其中就包括着

:描边线宽、圆角、断点方式、点缀、颜色填充类型、图标重心。像这些,都是需要进行统一规范

化。如果你是刚入门的设计师,对图标这块不擅长,可以去图标网站如iconfont上找相关图标进行

参考,再根据自己的想法进行绘制。这里的绘制教程可以参考我之前的一期 ,UI中国搜索《图标

中的那些小技巧》即可找到。




要素二:统一的图形元素

图形也是一个尤为重要的元素,直接决定着一个企业的品牌形象。在界面设计中使用品牌图形能让

用户牢记品牌形象,让产品快速抢占市场,提高用户比。如天猫、京东、QQ、网易云等优秀产品,

在这块就运用的非常巧妙。天猫使用了大量猫头的形象,而网易云,则提取了唱片的元素,整个图

标风格,都使用了较为圆润的造型。





05 . 何为色?

色,往往是人感官中留下的第一印象。想要合理的运用颜色,其实并不容易。其实在界面设计中,

对于选择配色方案,就好像比穿衣服一样,颜色越多越花哨,整个档次感觉越low。跟传统的空间

设计一样,在大部分界面设计中,一般使用三种颜色就够了,除非设计师拥有者非常高的配色驾驭

能力,不其然整个页面都会显得较为花哨,影响信息传递。下面,我们可以使用两个小技巧,来帮

助你提升配色的能力。


技巧一:使用情绪板决定主色调

设计师往往在做界面设计时,都是感性的,往往难以支撑各样的质疑。那么通过场景关键词,收集

相应的图片素材,使用情绪板来创建颜色,能更好帮助设计师完成对产品情绪的理解,同时提高工

作效率流程,并且能让界面设计更符合用户的预期,完成产品目标需求。设计出来的方案也更具有

说服力,能更好的帮助设计师拿到产品视觉设计的主导权。




技巧二:六三一原则

所谓的六三一原则就是在空间设计中,通常主色调占60%,辅助色占30,突出色占10%。其实在界面

设计中也是一样的,设计稿中颜色不宜过多,不同色系最好不要超过三种。如果对色系不能很好理

解的同学,我这边给个办法、就像当初学画画,眯着眼睛看即可看出其主要色调。但如果一个大型

图案的个别色块很大的话,同样得视为一种色。







06 . 何为字?

字,字体的形状及样式会直接影响到信息传递的速度。所以根据不同的场景,使用不同的字体样式

也是极为重要的。因此对UI设计师而言,理解字体也是个必不可缺的技能。这里也给大家提供几个

小技巧,帮助大家提升对字体的理解能力。


技巧一:合理的使用字体样式

在做界面设计时,永远要把内容的可读性放在首位,其次再去考虑其它样式。根据不同的业务模式

,选择不同的字体,可以让页面更容易达到用户的心理预期。如衬线字与无衬线字,所传递出来的

感受也是有着较大区别的,一般而言,需要强调的文字或者小篇文字中,使用无衬线字会更合适一

些。而在一些长篇文章中,使用衬线体则会更容易阅读。如在网页设计中,最小的11号字体使用衬

线体宋体,会比非衬线体的微软雅黑更具有优势。



技巧二:合理的使用字重

在单色环境中,使用不同的字重能更好的加强内容之间的呼应对比。减少过渡色阶层级的使用,能

使核心内容更为聚焦,减轻阅读负担。因此在界面设计中,使用较粗的字重来作为标题是较为合适

的。在iOS11中,这样的设计手法尤为多见。下图我使用了不同的字重,很明显,左边的图会更利

于信息阅读一些,因为层级的主次得到了很好的区分。因此大家在设计界面中,不妨把一些主标题

加粗试试,或许有一些意想不到的效果。


技巧三:合理的控制字距

字距跟行距会直接影响到大排文字的阅读性。标题的字间距要紧密,正文大排文字的字间距要稀疏

一些。另外正文的行间距应该设置为字体大小的120%到150%之间。大家可以多进行一下尝试,直到

信息较容易识别阅读为止。





总结

以上几个大点,构成了一套较为完整的视觉语言。我们可以通过对以上这几个点进行刻意练习,来

熟练掌握这些基本知识。另外除了通过临摹一些优秀的视觉作品,拿现有产品进行Redesign或者视

觉改版都是一个较为不错的选择。提升自己的视觉设计水平,也并非一朝一夕之事,靠的也是不断

地积累,不断学习。

学习路上是很艰辛的,庆幸是生活在了一个知识共享的年代,通过前人的经验,我们得到了快速的

成长!喝水不忘挖井人,写下这篇文章,希望能帮助到正在不断探索的设计师朋友。




UI设计培训哪里有?UI设计培训哪家强?
UI设计培训哪里有?UI设计培训哪家强?


上一篇
收官之作 | 11月15日在南京《10万年薪财务人员必备十大技能》公益课最后一场,错过太可惜!
苏州UI设计培训-UI设计培训哪里有?视觉页面要素
下一篇
扫码获取粉丝好礼
免费资料领取
最近直播
更多
空数据 undefined
APP下载
公众号
免费资料
顶部