当前位置: 首页 >版式设计 >ios ui设计教程,小技巧,大用途

ios ui设计教程,小技巧,大用途

2022-09-23 11:35:26 版式设计
265 0

“一年花呗两茫茫,要分期,自难忘。”距离2021苹果秋季发布会已经过去许久,但社交平台上的热度并未退去。价格高又怎样,挡不住人们“吃土”的决心。

其实近年来国产品牌崛起占据了大部分市场,但苹果还是拥有一批相当忠实的用户,除了iOS系统在使用感上的独一无二外,苹果的UI设计也是非常重要的一个原因。

扁平化、半透明、简洁整齐、用色明快,可以大致概括苹果的UI设计风格。不仅视觉观感上简约舒适、干净利落,对观者大脑信息捕捉也非常友好,内容呈现清晰直观。

苹果的UI设计美学,用到办公中是什么样的效果呢?尤其是注重视觉传达的PPT,掌握这4步,效果简直如虎添翼。

4步做出现代极简美学PPT

1、图标扁平符号化

· 去除修饰,轻量简约

元素图标去除繁重的3D、阴影、渐变、纹理等修饰效果,采用极简、扁平、色块明晰、符号化的风格展现,视觉效果会变得干净利落。

ios ui布局


例图左边是拟物化图标,有光影关系塑造的3D效果,右边是线条极简的扁平化图标,看起来更和谐统一。

·图标采用统一的外框呈现

苹果UI界面的图标就是对圆角矩形的终极运用。如果PPT的图标采用统一的外框(常见如圆形、方形),画面看起来会更清晰整洁。

ios ui绘制原理


ios的ui设计语言


2、配色明快,艳而不俗

· 整体配色可采用同色系或高对比

同色系的视觉上比较统一,例图就是蓝色系,通过深浅、明暗来表现出差异化,进行内容上的分割。

ios ui设计软件


· 高对比配色富有戏剧性冲突

下图,左边大片蓝灰色和右边四个鲜明的色块进行了“撞色拼接”,用色大胆,对比明显,却很和谐,原因就在右边四个色块虽然鲜艳,但并不刺眼,饱和度不高、色温柔和。

ios ui绘制原理


· 不同风格的配色,可营造特定氛围

如果追求安全、稳定、平静,就选择同一种色系;如果追求前卫、大胆、活泼,就采用不同色系。但无论是哪种配色,元素最好都用纯色的色块,将内容进行界限分明的区隔。

3、排版整齐、适度留白

· 排版整齐统一,能准确传达信息

观察所有手机图标,都码得跟豆腐块一样整整齐齐(强迫症表示很爽),因为整齐的排版让信息一目了然。另外字体类型不要过多,2-3种足矣。尽量不要选用太有设计感的字体,这样会降低可读性。

ios的ui设计语言


除了整齐,文字、段落间距也要明朗。字间距和行间距紧凑,会显得文字部分逼仄。

ios ui设计教程


ui ios的设计规范


· 适度留白,提升PPT质感

文字、图标等元素不要填满整个画面,四周需要适度留白,也不要集中在一点,导致留白过多,整张PPT略显单薄。留白艺术,可以提升PPT质感。

IOS设计


4、巧用半透明和高斯模糊

下拉任务栏、来电界面的半透明和模糊效果是苹果最开始吸引小编的原因之一。PPT也可以采用这种设计。

· 背景图透明化处理,避免画面杂乱

一般PPT用到的图片分为背景图和内容图。使用背景图时,就可以把图调成半透明+微弱高斯模糊,避免后续放置内容造成的花哨和杂乱。

ios的ui设计语言


· 色块半透明化,让PPT更轻盈通透

添加元素框时,我们也可以把色块半透明化,这样既可以降低背景干扰,使文本更显眼,也能让你的PPT画面更轻盈通透。

ios的ui设计语言


最后,划重点:图标扁平符号化、排版整齐统一、低饱和配色、适度留白、巧用半透明,掌握这几点,你就可以做出一手“内敛却不失高级”的PPT~ 咱iPhone 13可能买不起,苹果味儿的PPT还是能做的。


Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂