我理解的IOS
我理解的IOS
今天是我的四十天UI设计成长计划的第19天
这19天临摹了IOS的计算器、设置、电话、相册、短信、音乐、健康这些应用的主界面和子界面。前前后后大概做了两三百个界面。在这过程中从对UI一无所知的小白到现在能临摹出一个应用并进行原型演示,虽然这当中穿插着生病,考试,熬夜,但回过头来突然发现自己做了很多事情了,感觉这十几天虽然累但充实无比,真的是在超速成长。临摹了那么久,那么多。其实自己对IOS也有一些小理解了。那下面给大家分享一下我在这过程了解到的东西和自己的理解咯。
分享IOS界面规范
做了很多界面,发现IOS界面内容一般包括导航栏、状态栏、标签栏、内容区域这几块。在做IOS 这些界面之前,自己也查过IOS界面的这些规范。觉得挺有用。那现在分享给大家咯。
iphone界面尺寸

iphone图标尺寸

我对IOS的理解
#风格简洁舒适大方现代
我觉得UI设计规范是很重要的,但同时有个令人赏心悦目的风格也相当重要。
我觉得IOS的风格可以用简洁、舒适、大方、现代这四个词来形容。
其采用的苹方字体很有现代感,字体无衬线衬脚看起来很温和,可读性也很强。我也查找了有关界面字体大小的规范,按钮用44pt,小文字用12pt,正文文本用17pt,标题用20pt。字体大小的差异也让使用者的视觉更有目标性。

其颜色搭配也很棒。背景一般采用淡灰色,不浓不淡的颜色,不会抢眼,也能很好地凸显内容。其图标的颜色和设计也追求简洁。多一些的小个性,也就是渐变,或一些简单的线条图案组合。这种简洁的风格,会减少使用者的视觉疲劳,增强了设计的表达。其图标形状的圆角设计,使图标圆润温和,也增加了视觉的舒适度。

状态栏的信号、时间、电池电量这些小图标或文字一般只有黑白两色,充电时电池颜色有所变化,其背景颜色可以任意变换。这些小小的设计,都让人觉得很精妙。
标签栏的简洁明了的设计更值得学习。图标在不激活的情况下一般只是线条,也就是一个简单的轮廓,当被激活就被颜色填充成一个形状。如此明了的设计,很巧。

不知道经过我的一番无条理地描述,你是否对其风格有感同身的感觉呢。嘿嘿嘿
#界面逻辑清晰细腻
因为我还不够专业,暂时把它称为是界面逻辑吧。
做了很多界面,发现IOS界面的设计有点像细腻的女孩子的心思。考虑得很周到,也许大家还是不知道我在瞎扯什么。那我举个例子吧。下面我做的IOS健康界面的思维导图。

没错。这里面的每一个小部分都是一个界面,一个应用多的可以达到上百个界面,它的细腻我是深有体会,因为每次都要花很多的时间去做这些细腻的界面。但它的每一小点分类都让人感觉很贴心,可以看出设计师的精心设计。虽然界面多,但界面的逻辑的层次都是相当清晰的,大家应该可以从我的思维导图里看出来。
#界面动效
。
。
。
「空白」
小编其实没有iPhone。哈哈哈
对这方面的体验和理解确实不深,不能不懂乱写对吧
等我找机会好好体验了了解了,补全这个空白哦。





































