进行 界面设计中的对比类型( 二 )
方向:在这里 , 设计师通过更改元素的物理位置 , 使其使用其他或意想不到的方向进行 , 通过这种不寻常的方式来吸引用户的注意力 。
以上这几种对比类型 , 我现在通过可视化的方式为大家呈现一遍 , 这样可以加深大家对对比的理解 。

文章图片
不同特征属性的对对比方式
其实 , 多数人只要想到对比 , 我想第一想到的会是黑白的东西吧 。
在没有阴影和多种颜色的情况下 , 单色的对比度是表现潜力最好的形式 。
更重要的是 , 与艺术品或摄影作品相比 , 对比度不仅会影响美感 , 而且对布局的可用性和可见性也有重大影响 。
因此 , 对比度的使用应该算是用户最友好、最易于使用的方法了 。

文章图片
F2Pool APP的界面中 , 颜色对比有助于数据和内容形成分割 , 便于用户阅读使用 。

文章图片
区块链APP界面通过使用多色的插画设计 , 使整体产品更加具有活力和动感 , 同时吸引力更强 。
根据相关数据结果表明 , “黑白”的配色方式 , 是对用户帮助和引导最大的 。
所以 , 使用黑白配色进行对比 , 可以有效提升用户的体验 。
当然 , 多色对比也是可以的 , 这里我提供一个色轮配色法 , 大家可以自行采纳 。

文章图片
该色轮可以帮助设计师找到最佳水平的颜色组合 。
三、排版对比
除了刚才说到的哪些 , 接下来我在说一种对比类型 , 它主要是基于字体的区别进行做排版对比的 。
这里提供几种关于字体、排版的对比方式:
尺寸:通过对字体字号的设定进行对比实现 , 可以有效的展示主次分明 。 比如以及标题使用30px的字号 , 而内容文本则使用24px的字号 。
重量:主要的方式是将字体加粗呈现 , 在视觉上看起来更加具有厚重感 , 这样加粗的文本在视觉上会更加具有地位和突出性 。
结构:形式在这里可以理解成是字体的字像 , 通过改变字体字象进行区别 , 比如标准的苹方体和花体就是很好的视觉对比 。
形式:将字体加以倾斜 , 也可以呈现出不一样的结果 。
颜色:这里的颜色不光是指字体颜色本身 , 同时也可以为字体添加背景色 , 用来衬托字体 。
方向:通过改变单个字体的方向、或一句话的排列方向 , 都可以形成有效的对比效果 。

文章图片
艺术学院概念展示的不同类型排版对比
四、对比的辅助功能
说了刚才那么多 , 可能你已经抓住了设计的要害 , 那就是对比度越高 , 设计就越好 。
其实 , 并不是这样的 , 任何事物都需要掌握一个度 , 超过那个度 , 有时候就会适得其反 。
虽然我们知道对比度会使内容更加明显 , 但是你还应该知道 , 过高的对比度也会使用户感到疲劳 。
按照文本视觉呈现的正确比例 , 我们应该将对比度控制在7:1之间才是比较合适的选择 。

文章图片
在当前这个概念APP界面中 , 通过明显的颜色来提升按钮的视觉焦点 , 同时 , 加粗的文本也是重点提醒 , 这些手法都是便于阅读和操作的方式 。
以上关于本文的内容,仅作参考!温馨提示:如遇专业性较强的问题(如:疾病、健康、理财等),还请咨询专业人士给予相关指导!
「辽宁龙网」www.liaoninglong.com小编还为您精选了以下内容,希望对您有所帮助:- 进行 轻熟女性冬天不要瞎打扮,试试这些长款羽绒服,简约利落又保暖
- 形象 《开端》中的赵今麦终于换衣服了,两套造型都挺学生的,真清纯
- 模板 长大衣+半身裙”可以当做一组固定的模板进行使用,不变的是这种搭配形式
- 进行 王珞丹的穿搭真“喜庆”,全红西装搭配干练成熟,看着优雅还大气
- 克莱因蓝 那些被拍进冬季街拍中的普通人,凭啥美得耀眼?这4点值得借鉴
- 那些被拍进冬季街拍中的普通人,凭啥美得耀眼?这4点值得借鉴
- 素人 那些被拍进冬季街拍中的普通人,凭啥美得耀眼?这4点值得借鉴
- 进行 牛仔产业如何减轻“污染罪”?Style3D联合Jeanologia以科技推动牛仔数字化
- 我们心中的那个《小王子》(经典温情语录)
- 抱头痛哭,小男孩烫完头发后逐渐崩溃:为什么和我想象中的不一样
