阅读类UI界面设计思维和UI界面视觉设计五要素

设计营销   2021-08-21

Ui界面设计内容丰富,很多APP设计都需要涉及Ui界面设计。不同类型的APP有不同的设计风格,那么设计理念呢?一起看一下阅读类的UI界面设计思维是什么?UI界面视觉设计五要素。

什么是阅读类UI界面设计理念?

设计的价值是一个产生价值的过程。只有让用户知道谁的设计更能帮助客户产生价值,谁的设计就是好的设计。

奥卡姆剃刀原理:如果没有必要,就不要增加实体,也就是简单有效的原理。这个规律在很多领域都有应用,也适用于Ui界面设计理念。

我们在Ui界面设计理念——从用户出发提到Ui界面设计的第一个原则就是简单性,我觉得这个原则是所有原则中最根本的,其他的会围绕这个进行:因为简单,很容易找到焦点,记忆负担会小;因为简单,很容易构成UI的一致性;因为简单,用户熟悉的速度会很快。

国外提出的理论叫奥卡姆定律,中国的理论叫大道至简。道理极其简单,一两句话就能解释清楚。简单方面是美,用户懒,但这也是我们不断创新的来源。Ui界面设计其实很关键,既是软件的门面,也是我们不断实践和应用新技术的前提。

界面视觉设计的五要素

UI界面的视觉设计包括五个要素:颜色、文字、图标、图片和空间。一个优秀的界面设计,一定要把这些元素做到淋漓尽致。

一、颜色

理解色彩的三个属性,色相(H),饱和度(S),明度(B),理解色彩的含义。熟练掌握色彩搭配。

(1)同类配色.色环上相距0°的颜色为同类配色,一般采用不同亮度或饱和度的组合方式,如蓝与浅蓝、红与粉等。同色搭配对比效果统一,清新含蓄,但也容易产生单调乏味的感觉。

(2)邻近配色。色环上30°左右的颜色是相邻的颜色,如紫色和蓝紫色,蓝紫色和蓝色。相邻颜色搭配对比效果柔和、安静、和谐,但也容易感到单调、模糊,需要调整亮度来增强效果。

(3)类似的配色。色环上相距60°左右的颜色是相似的颜色,如橙色和黄色、黄橙和黄绿色。类似的配色对比效果丰富活泼,同时又不失统一和谐的感觉。

(4)中差色搭配。相距90°左右的色环为中差色,如红与黄橙、蓝绿与黄等。中差配色对比效果明快,活泼,饱满,令人兴奋,同时又不失调和。

五、对比色搭配。相距120°左右的色环为对比色,如红与黄、红紫与黄橙等。对比色搭配对比效果强烈,醒目,刺激,力,但也容易引起视觉疲劳,一般需要采用多种调和手段来提高对比效果。

(6)补色搭配。色距180°左右的色环为补色,如红绿、黄紫等。补色搭配表现出一种力量、气势和活力,具有很强的视觉冲击力。

七、多色搭配。顾名思义,多色搭配是由多种颜色组合而成的一种搭配方式,一般以不超过4种颜色为宜,规定一种作为主色,其余作为辅助色。多色搭配会让画面看起来更丰富多彩,充满乐趣,但如果控制不好,很容易让画面变花,失去平衡。搭配时要注意区分主次,按比例调和。


二、是文字

中文字体大致分为宋体、黑体、仿宋体、楷体等(变体字)。西方字体大致分为:无衬线体、罗马正体或衬线体、意大利斜体、手写体、黑色字体(哥特体)。

文字使用规则:不同平台的界面设计会有不同的标准字体。比如移动界面的设计会有固定的字体风格,网页会有几个常用的字体。

常规移动字体:

系统默认的英文字体是SanFrancisco,中文字体是PingFang。值得注意的是,SanFrancisco字体会随着字号的变化自动调整字母之间的间距,以确保在任何情况下都能清晰阅读。

在Android设备上,原生系统的英文字体使用DroidSans或Roboto,但国内的Rom大多是由第三方制造商定制的,从而改变原生系统的字体。

网页上常用的字体:

Windows系统中,常用的字体有微软雅黑、黑体、宋体等,最小字号推荐12px,正文字号推荐14px,标题字号推荐18px,20px,24px,28px,32px等,尽量使用偶数。而且行间距一般是字号的1.5-1.8倍。

常用的中文字体有苹方、思源黑体、华文细黑等,英文字体有Helvetica、SanFrancisco等。


三、图标

图标风格:图标的设计风格有很多种,如线性图标、面性图标、线面组合图标、扁平图标、轻拟物图标、拟物图标、手绘图标等。

四、图片

图片在Web和App界面设计中非常常见,图片的质量和展示方式会影响用户对产品的感官体验。不同比例的图片传达不同的主要信息。我们需要根据产品的特点和不同的场景选择合适的图片比例进行设计。

图片排版:图片的排版类型有很多种,根据不同的场景和需要传递的主要信息选择一致的显示方式,包括通栏、并列、九宫格、瀑布流。

五、空间

使用网格系统可以使界面的信息更加美观、易读和规范。在设计中,可以使用8像素网格规则来指导元素尺寸和间距的制定;层次感、焦点、魅力、呼吸是留白的四个属性,留白的表现形式要结合品牌属性来选择。在任何领域,要想有所成就,都需要不断的学习和提高,不断的探索,与时俱进,不断的练习和实践。


维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,一起探索美好

+86-21-51115850
©2010-2021 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

Hi,  认识一下
请留下需求和联系方式

合作咨询
+86-21-51115850
© 2010-2020  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码