术致科技

您现在的位置是:首页 > 字体 > 字体百科 > 正文

字体百科

思源黑体字体_如何快速提升UI作品逼格

爱字体2023-05-06字体百科4
本文目录思源黑体字体,如何快速提升UI作品逼格?工作型PPT怎样设计才能更商务大气?思源黑体可以免费商用吗?oppo和vivo都有的炫彩字体是什么?app的字体一般用什么?思源黑体字体,如何快速提升U
本文目录

思源黑体字体,如何快速提升UI作品逼格?

也许你是个新手UI设计师,也许你是个有着丰富开发经验的开发者,但是有需求让自己设计的网页和UI看起来更像那么一回事,至少看起来不是一个外行的手笔。那么今天这篇文章应该能够帮到你。

思源黑体字体_如何快速提升UI作品逼格

在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。改进设计这件事情,经验和技巧往往能让人少走弯路。闲话少叙,下面我们具体看看。

1、按钮色彩凸显重要性

在给用户提供多个选择的时候,可以通过色彩所传递的情绪是积极还是消极的,来简单快速地进行设计。

实际上,红色和绿色按钮的色彩含义,已经横跨物理世界和数字设计领域,我们每天在很多实体产品上也能看到类似的设计,包括交通上的红绿灯,警告标识,以及实体按钮。

绿色表示通行,红色表示禁止。如果用户需要购买一个漏斗,你希望感兴趣的用户赶紧点击,而不是取消。

另外,如果你的网站或者 APP 涉及到重要性不同的若干交互,除了按钮都要标识出相应的文本标签内容以外,还可以借助色彩填充与否来进一步区分层级结构:

这是一个简单的示例,有色彩填充的按钮、幽灵按钮(无色彩填充、有边框)以及无边框无填充按钮来区分。而在少数情况下,对于系统有重要影响的、破坏性的或者限制性的按钮,也应该突出显示,但是可以使用红色来进行强调和警告。这个时候,相对的「非负面」的按钮则被视作为重要性较低的操作:

简而言之,实际上用户用来区分按钮的核心靠的是感知而非复杂逻辑判断,设计的基本规则在上面,但是更重要的是要基于情绪和感知来进行设计。

2、用字重和明暗来区分层级

尤其是在构建文本内容的视觉层级的时候,可用到的属性很多,只使用大小差异来构建就显得过于单一了。在很多时候,可以借助色彩、字重、明暗来进行区分。我们可以让更重要的文本更大、字体更粗、色彩更加鲜明,或者使用更深的黑色来呈现。

综合地使用这些属性来构建视觉层级。

3、用留白来隔离元素

两个元素互不相关,如果想将它们分隔开来,使用分割线似乎是一件理所当然的事情?当然可以,但是这种方式真的是非常过时且笨拙的一种呈现方式。你需要的是更好、更优雅、更贴合当下的一种呈现方式。不是简单地使用分割线,而是使用留白,或者说负空间来间隔就可以了。分割线在很大程度上是丑陋且难以驾驭的视觉噪音,相对而言留白则好了很多。

多数情况下,删除分隔线条是比较快速的方法,当然更多的时候需要你适当地调整一下留白的大小。使用分割线来分隔内容,不仅会让扫视页面花费更长的时间,而且增加的信息噪音会影响整体的层次结构。

4、用阴影替代边框

想要凸显一些元素,并不一定需要依靠描边。使用阴影则可以起到同样的效果,单独使用则会显得更加整洁。描边+阴影则会显得过于杂乱。使用相对不那么具有侵略性的小阴影无疑让效果更加轻松,看起来也不会突兀。

5、用色条提升视觉调性

如果觉得内容区块过于单调,可以根据你的目的来强化这一区块的视觉属性。在内容区的一边加上色条能够在提升视觉属性的同时,赋予这一区块内容以情绪。色条可以是单色的,也可以是渐变的,这取决于你想传达什么样的视觉体验。这个色条还可以具备良好的功能性。当然,这很大程度是用在相对比较素的页面上的,如果页面本身已经很花哨了,就不太用得上。

比如使用红色和绿色来标识不同的状态,也可以用色条来标识出被触发的 Tab 或者控件。

6、用背景色区分区块

其实,同样是为了进行区分内容区块和层级,这个方法同样优雅而快速,几乎可以算是毫不费力的一种设计技巧。

为了区分两个不同区块的元素,简单地使用不同的背景来进行区分也可以,本质上,它采用的类似卡片式设计的思路——用不同的卡片来归类内容。相对而言,使用有差异但是不那么显著的不同色块来作为背景,在保证整体整洁的同时,起到了区分的作用。

7、「字」尽其用

谁不喜欢漂亮的字体呢?当然都喜欢,但是字体的功用其实各不相同。从呈现正文的强可读性文本,到装饰性极强的视觉化字体,各种不同的字体需要应对不同的功能。

简单看看几种不同类型的字体:

1. 衬线字体:Serif 本身就是衬线的意思,这样的字体字符的末尾通常是会有小的装饰性的衬线。衬线除了装饰性以外,还能强化字体的可读性。

常见的衬线字体:Georgia,Times New Roman,Cambria。

2. 非衬线字体:也就是 Sans-Serif 字体,它相对而言更加现代,衬线被去掉之后,线条感更强,更加干净,也更加贴合数字时代的一些显示需求。

常见的非衬线字体:Helvetica,Montserrat,Gotham。

人们通常会认为,衬线字体更加适宜长时间阅读,它也更多地运用在印刷品上。然而衬线字体的衬线和边角大多更加锐利,在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要求的时代,衬线字体的显示问题很大。当然,如今屏幕分辨率提高起来之后,这个问题几乎不存在了,只是在小字号和低分辨率和小屏幕上,依然存在这个问题。

3. 手写字体:手写字体通常被认为是手写风格的字体,在呈现的时候,常常会有连写的笔画,更贴近传统的书写字体所呈现出来的效果。手写字体更加随意和有趣。

常见的手写字体包括:Alex Brush,Great Vibes,Sofia。

4. 展示性字体:展示性字体是一个功能导向型的分类,通常指的是用来作为标题展示、用于海报、徽章等地方的字体,它们表现力更强,视觉特征更突出,直言不讳地说就是为了吸引用户的注意力。

常见的展示性字体包括:Algerian,Curlz,Gigi,Umbra。

在网页设计中,绝大多数情况下都只会使用衬线字体和非衬线字体两种,在英文网站当中,通常会采用一种衬线字体+一种非衬线字体的搭配方式。注意,如果有不同粗细和字重的字体,使用同一字体族中字体为好。在中文当中,开源且可以免费商用的「思源黑体」和「思源宋体」是一个设计中非常常见的选择。在进行视觉设计的时候,我坚持使用2种字体,极少会使用3种字体,后者最多会在强调视觉的商业或者艺术性项目当中使用,比如 Banner 和海报。

结语

真心希望这样的小技巧能够帮你做出好的视觉设计,很多时候,设计是灵活的,是基于感知的,有方法可供遵循的,尤其当你仔细观察一些现有的好设计,会发现有很多这样的小技巧。

如果大家有其他好用的技巧,欢迎留言分享给我。或者关注“武汉千锋”微信公众号分享给我。我们一起进步学习!

工作型PPT怎样设计才能更商务大气?

在职场中,无论是会议讨论、工作汇报、项目交流、年终报告,还是企业商业计划、咨询方案、融资或并购重组等,基本上都需要PPT来进行汇报呈现。

那工作型PPT怎么可以做得更加商务大气呢?一个优秀的商务PPT必备4个要素——专业、逻辑、框架、视觉,做好这四点,想不出彩都很难!

一、专业

很多时候,一份PPT不专业,主要是因为它的字体、配色用得不好,看起来给人的感觉很low,因此要确定专业的字体、配色风格。

1、专业的字体

最保守也是最安全的选择,就是全部用微软雅黑。这肯定不是最佳的选择,下面整理了5种最常见的专业字体,助你在任何商务场合无往不利。

(1)庞门正道标题体:适合作为标题使用

(2)思源黑体:7 类粗细,适合多种页面文字

(3)思源宋体:也有 7 类粗细,粗体适合用于商务风标题

(4)汉仪旗黑:15 类粗细,适合全方位的内容设计

(5)文悦后现代体:简约大气时尚,适合极简商务风正文字体

2、专业的配色

鲜艳而低俗的配色会拉低了PPT整体档次,因此不要选择纯度太高或者对比度太刺眼的颜色。注意在不同的场合、不同的氛围、不同的目的,都要用到不同的主色彩、辅助色彩。

可以记住几套经典的配色:严肃场合,可能我们以黑白灰的色调为主;活动场合,可能会用到红色、橙色等比较热烈的色彩。

上图模板源自柚墨模板平台

二、逻辑

PPT的本质是表达思想、观点、知识,因此要培养用户思维,即考虑PPT服务场景下触及的用户,充分洞察听众的痛点,与听众建立关系、达成共鸣。想做好PPT的逻辑,简单分成几个方法。

1、要素法(5W+1H)

即时间When、地点Where、人物Who、事件What、原因Why以及过程/结果How,可以应用于商务PPT开头的成功项目经历引入,或者安插在中间的某一内容页里,对具体商务活动策划进行描述或复盘。

2、并列式结构

如果内容的几大方面之间的关系是并列平等的、不分主次先后、没有交叉重叠,则可以用这种并列式结构。

例如,“项目的目的”、“项目的意义”、“项目的前景”、“项目的落实”等等,就可以以并列结构,来阐明“项目策划的可行性”。

3、递进式结构

适用于商务PPT的几大方面之间的关系层层深化、环环相扣,有前因后果的联系。

① 因果递进:是什么 – 为什么 – 怎么样;

② 逻辑递进:从浅入深,由表及里,层层递进;

③ 时间递进:依照事物的时间发展顺序进行讲解。

上图模板源自柚墨模板平台

三、框架

通过目录、过渡页构建PPT的框架。框架的结构方便观众在整个演讲过程中能对内容有个大概的把握,知道前面、当前、后面的内容是什么,介绍以下3种方法,让你的PPT框架更清晰。

1、数字导向型

每个框架部分通过用数字引领,也可以是常规的中英文数字:如1 / 2 / 3,one / two / three,part1 / part2 / part3,Ⅰ/Ⅱ/Ⅲ……

上图模板源自柚墨模板平台

2、色块运用型

每个章节目录通过色块做区分,一目了然,色块大小可以按具体需要进行设置。

上图模板源自柚墨模板平台

3、图文结合型

框架目录可以通过图片及图标的方式进行视觉化,也可以根据自己的需要做出多变形态。

上图模板源自柚墨模板平台

四、视觉

一个商务PPT想要做的高级,那必须要注意视觉效果。通常PPT的组成部分为:内容(70%)+视觉(30%)= PPT(100%),看似视觉只体现了30%的贡献,但视觉做得出色,在一定程度上是加分项,同时也是自我工作专业素养的一部分。掌握以下四个原则,一定能给我们的商务PPT大大加分。

1、统一

不同元素在每页 PPT 所呈现的形态或颜色不统一,会导致整个 PPT 看起来很不专业,因此需要确保整体PPT的设计从色彩、字体、形状、标识等重复性元素的统一性。

2、对齐

确保每页 PPT 的设计都遵循左右、居中、上下的对齐方式,这也是版式设计的基础,保持了整体的细节元素规整性,也让整个 PPT更加便于阅读浏览。

3、留白

在整个PPT设计中保持合理的留白,不建议添加复杂的纹理背景,注意留白也是种美感,不要在一个页面上放太多信息内容,如果信息过多,建议分多页面来展示。

4、对比

任何元素都不是“更大、更亮、更粗”就能更好看的,设计要突出内容的重点,用颜色营造氛围感,通过和谐的对比,让观者在视觉上有感知到它是一个整体,同时又起到区分间隔的作用。

上图模板源自柚墨模板平台

以上就是做商务PPT的四大切入点——专业、逻辑、框架、视觉,理解了理论性知识,并且学以致用,才能从本质上提升 PPT 的视觉效果,增加高级感。

本期关于工作型PPT怎么设计才能更商务大气介绍完毕,感谢观看,如在操作过程中遇到任何问题,欢迎随时与我沟通~

思源黑体可以免费商用吗?

下面中文字体可免费用于商业用途

1、站酷体(站酷高端黑体、站酷酷黑体、站酷快乐体、站酷意大利体)

2、庞门正道标题体

3、思源雅黑体

4、方正4款免费,需书面授权(方正黑体、方正书宋、方正仿宋、方正楷体)

5、华康45款免费,需在马云旗下平台使用,如:淘宝、天猫、聚划算、一淘、阿里云、1688阿里巴巴、阿里妈妈、中国雅虎、中国万网、口碑网、菜鸟网络、全球速卖通等。

(华康布丁体、华康彩带体、华康而冯提、华康方圆体、华康钢笔体、华康海报体、华康手札体W5、华康手札体W7、华康翩翩体W3、华康翩翩体W5、华康黑体W3、华康黑体W5、华康黑体W9、华康黑体W12、华康金文体W3、华康楷体W5、华康勘亭流W9、华康俪金黑W8、华康隶书体W7、华康龙门石碑W9、华康墨字体、华康POP1体、华康POP2体、华康POP3体、华康少女文字、华康饰艺体、华康瘦金体、华康宋体W3、华康宋体W5、华康宋体W7、华康宋体W12、华康标题宋W9、华康唐风隶W5、华康娃娃体简W5、华康魏碑W7、华康正颜楷体W5、华康雅宋体W9、华康雅艺体W6、华康圆体W3、华康圆体W5、华康圆体W7、华康圆体W9、华康新综艺W7、华康新综艺体W9)

oppo和vivo都有的炫彩字体是什么?

华为是汉仪旗黑(可能是55w );

OPPO是思源黑体或者Noto sans (Color OS 5.0以前用的是汉仪旗黑50s )现在Color OS 6上用的是OPPO sans(这个字体还在不断打磨,老机型目前提供的是OPPO sans beta1.3版);

vivo用的是汉仪旗黑50s修改版的(修改了数字和字母,和苹方黑体的数字字母非常相似)

app的字体一般用什么?

一般很少会有app特立独行使用其他的字体,要使用,也脱离不了常用的方正兰亭、微软雅黑、思源黑体系列。

希望我的回答能给你带来一些些帮助。谢谢٩(๑•̀ω•́๑)۶(ㅇㅅㅇ❀)(/(°∞°)\)ε(*・ω・)_/゚:・☆\\\\٩( 'ω' )و ////(இωஇ)\\\\٩( 'ω' )و ////