标签归档:iOS7

动效与品牌设计原则(一)

一个新的设计风格的确立一定会提出他特有的设计原则。而如今设计原则越来越多的关注到了动效的定义。甚至在Android L的Material Design中直接将动效写入的设计原则中:Motion provides  meaning (动画表达含义)。

APP无边框按钮的优缺点

导航列对于多数手机APP而言是个很重要的元素,它不但可以让使用者明确的了解目前所开啟的功能名称,在许多时候还同时是个放置导航与重点功能的一个区域。

夏日清凉福利!SKETCH免费设计资源汇总

这篇文章汇总了20个Sketch的免费模板资源,例如iOS7(+)系统界面及元素、应用界面Mockup、iPhone及iPad机身、比较新的Yosemite等等,请各位使用Sketch的同学按需索取,自行下载吧。

不容错过的IOS7 UI设计的十大准则

陈子木 iOS7 的用户界面设计比以往更卓越,并为用户提供了更具吸引力的独特体验,带来更大的机遇。在正式写代码之前,认真考虑UI设计是否符合这十条设计准则,可以提高App的可用性与吸引力。如果要更深入了解iOS7的设计,你可以阅读苹果官方的iOS人机界面指南(英文版),或者下载知乎用户翻译的中文版iOS7人机界面设计指南。

关于iOS7当中“编辑”与“新增”按钮的布局问题

初次使用iOS7的时候,我便有些受挫的感觉,其中最典型的问题包括大家所质疑的“这是按钮还是普通文字?”,“这个按钮可点击吗?”一类。在接下来的几个月里,我又逐渐发现细节当中更多的体验问题,例如“编辑”与“新增”按钮的布局。

收藏!ios7平台设计规范

此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS7 平台设计的基础规范,有志于App设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。

打造IOS7设计风格的诀窍

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

iOS7应用图标的圆角半径和制作方法

iOS7系统图标与之前有了细微的变化,就这这点变化让不少设计者十分头疼。比如在iOS6下,我们可以使用1/4圆弧就能完美的画出圆角。但是在iOS7下就无法实现了。 1、iOS6下图标圆角半径 iOS6和之前版本,应用图标的半径都可以通过四分之一圆角绘制出来。

干货推荐:《iOS 人机界面准则》中文版【PDF下载】

@langqixu本书译自 Apple 官方推出的设计指南《iOS Human Interface Guidelines》,完整(注意!是完整!满满都是泪啊!)翻译了该指南所有内容,在文字和排版上也尽可能保证忠实还原,但并未取得官方翻译授权。

案例学习 – Grocery List的iOS7重设计

最初在WWDC上看到iOS7的时候,我们看着自己的应用Grocery List,琢磨着:这次的iOS更新够彻底好吗,就像当年iPhone刚刚推出时的那种感觉呢。要让产品适应新系统,简单的修改界面设计是不够的,我们必须重新思考,重新创建,使其能够真正融入新系统的环境当中。然后我们就这么干了。

轻松打造iOS7风格图标

随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格。设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战。

面对iOS7,设计师们该何去何从?

眼下,很多设计师还在纠结于要不要将自己的设计过渡到iOS7风格。即使他们知道怎样去设计一款适配于iOS7风格的应用,要弄清楚如何让设计方案变得更加独特也是一件很难的事。 今年,当iOS7刚刚与世人见面时,我的朋友Jeremy Olson写道: