当前位置:首页>设计文章>UI文章>深度解析!打造iOS7设计风格的诀窍

深度解析!打造iOS7设计风格的诀窍

@嶒經de恛憶 :随着iOS7的发布,一时间,如何设计和适配iOS7风格,成为了炙手可热的东西。每种设计,它总有自己的关键点和设计风格,iOS7也不例外。

同类型文章:
《PS+AI制作精致可爱的毛线风格图标》
《在PHOTOSHOP中创建精细的工具图标》
《手把手教!用PS设计一枚IOS 7风格日记图标》

个人总结下来,认为iOS7风格主要有以下几个关键点:

一 . 手绘图标

相信大家都已经注意到了,苹果官方的很多图标,都已经改成近似手绘的效果,例如如下的几个图标

深度解析!打造iOS7设计风格的诀窍

 

二 . 鲜活用色

以前做设计或者印刷上的设计,大家都避免这种很亮很淡的设计,因为这样的颜色印刷出来,可见度很低,而且容易刺眼。

但是苹果的iOS7设计,这种鲜活的颜色是根本,这种亮色,让人感觉很有朝气,让现代快节奏的人们觉得有新鲜感。

大家可以看上的几个iOS7风格的设计

深度解析!打造iOS7设计风格的诀窍

 

深度解析!打造iOS7设计风格的诀窍

都是采用了很亮很炫的颜色,这也为iOS7的页面奠定了基础。

 

三 . 半透明玻璃的模糊效果

这点相信不言而喻了,毛玻璃的提示框,小景深的启动界面,让人着实过了一把模糊瘾。

深度解析!打造iOS7设计风格的诀窍

 

深度解析!打造iOS7设计风格的诀窍

 

四 . 简洁的栅格线和文字导航

上一代乔帮主的设计中,主风格就是圆角,上下平分的渐变,立体化效果。

iOS7的设计中,大多比较扁平,取缔了以前的平分渐变,圆角却更加圆了。。。

深度解析!打造iOS7设计风格的诀窍

 

深度解析!打造iOS7设计风格的诀窍

 

五 . 极简的列表页和设置页

深度解析!打造iOS7设计风格的诀窍

 

六 . 大量的留白

iOS7的应用界面通过大量的呼吸空间来确保可读性和易用性。在官方的设计规范中,苹果明确指出,他们希望设计师们通过留白传达出平静和稳定的感觉,使应用看上去更加专注和高效。

结论

大道至简。个人觉得,iOS7风格就是将设计的精简发挥到了极致,同时引入了一些新的设计风格来吸引人的眼球,用户体验和设计美感上,都是无与伦比的。要想做出好的iOS7设计作品,还需要持久的练习和学习。

附加说明:以上图片几张图片引自方酷,若要商业使用,请联系原作者。

投稿作者:@嶒經de恛憶

【优设网 原创文章 投稿邮箱:2650232288@qq.com】
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博:拥有粉丝量65万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

深度解析!打造iOS7设计风格的诀窍
 

1、CNBE.CC所有文章,如无特殊说明或标注,均为本站作者原创发布。
2、任何个人或组织,在未征得作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
3、如若此作者内容侵犯了原著者的合法权益,可联系客服提交工单进行处理。
4、CNBE.CC内用户所发表的所有内容及言论仅代表其本人,并不反映任何CNBE.CC之意见及观点。
!
你也想出现在这里? 立即联系
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索