Orgbuilder2
3
Banking_app
企业网站框架
11
Pinterest-animate
1
引人注目的动效
潜移默化的动效
这种方案可以确保用户在单手操作时也能快速的访问导航;要关闭菜单也很简单,再次点击这个区域(...
如上图所示,我们将“传统”的汉堡包图标换成了自家的logo,以一种不那么唐突的方式增强了品...
浮动按钮 浮动按钮是一种比较特殊的交互元素,布局位置独立,不受界面当中其他元素的局限。...
左上角的忍者神龟小气泡好可爱!~~
跟时间线一样效果的小时钟 这一点肯定不会忽视的!当我滚动翻看新的消息时,一个小时钟出现...
分享流程 当点击任意一个具体图标后,比如说图中的“引用”,引用图标扩大并渐隐。同时新的...
加载指示器 当我点击搜索附近的时候,出现加载指示器非常可爱。设计者没有复用搜索框中的旋...
个人页的渐隐 已经有很多应用采用这种滚动+渐隐的技术——交互性非常棒,这是Path的版...
Path的招牌动效 我还记得Path刚出来的时候——它的按钮圆盘弹出动效轰动一时。Pa...
引导页设计 平滑的引导流程,简约至极——简简单单的附上必要信息,完成3步后,模态窗口便...
模态窗口登录 Path的这种弹出设计,能够取悦新用户,蹦出和下落给予了应用活力感。但是...
费兹定律在桌面设备平台中的运用 边缘—角落 用户可以很轻松的点击到处于角落的交互元...
费兹定律在桌面设备平台中的运用 尽量将多个常用的功能元素放置在距离较近的位置;对于那些...
隐形 隐形不只是超级英雄才有的能力。俗话说,好的设计应该像空气一样;只有不好的设计才会...
设计中的幽默元素是一种淡化人机界限、引发正面响应的有效方式。每次你登录MailChimp的...
Clearleft将其404页面看做展示网站人格的机会,通过绕口令一样幽默略显恶搞的文案让...
使用选择让输入更轻松 例如,你可以在某些地方使用列表视图或选择器(picker)来代替...
161
使用系统字体,确保清晰易读 iOS7中的系统字体可以自动调整字间距及行高,使文字内容更...
通过色彩简化UI 一种关键的颜色——例如备忘录应用中的黄色——可以突出重要信息,并巧妙...
充分运用留白 留白可以使重要的内容及功能更加突出。同时,留白还可以传达出一种平静和稳定...
慎用拟物化的视觉元素 浮雕效果、渐变、阴影,这类视觉表现形式有时会使UI元素过于沉重,...
依从于内容 通过漂亮的全屏方式呈现当前的天气情况,用户能够立即发现最重要的信息,而且每...
2
尽可能地避免使用无意义的启动画面(欢迎画面)或其他类似的启动体验。最好让用户在启动你的应用...
Shazam面向iOS7重新设计了他们的图标,因为这一点在iOS7 UI过渡规范当中是有明...
Huffington Post应用通过一个单独的层来呈现“全部分类(All Section...
失去了质感和深度的界面元素迫使视觉设计师必须更加努力的工作,才能在界面当中各种类型的元素之...
31
在iOS7的某些地方,你很难判断哪个元素是界面中最主要的call to action,因为...
默认情况下, 新的导航栏是半透明的,并且与状态栏使用了相同的配色;相比于之前的版本,这使得...
相比于iOS6及以前的版本,iOS7的设计语言具有与生俱来的简洁性。我们的表单立刻变得简单...
质感和重元素的移除 在iOS6和之前的时代,质感元素被无数应用所使用着,而iOS7通过...
63
“设置”界面在iOS7(左)和iOS6(右)当中的对比:缩进的列表单元 通过使用iOS...
iOS6 vs. iOS7 “好的设计要做到尽量的‘小’——少,而更好——这可以使最精...
尝试单栏布局 单栏布局 从上到下的方式能够以更符合读者预期的方式对他们进行引导,而多栏...