xmgyy015采集到交互设计

企业网站框架

1

beforweb.com
xmgyy015采集到交互设计

这种方案可以确保用户在单手操作时也能快速的访问导航;要关闭菜单也很简单,再次点击这个区域(...

xmgyy015采集到交互设计

如上图所示,我们将“传统”的汉堡包图标换成了自家的logo,以一种不那么唐突的方式增强了品...

beforweb.com
xmgyy015采集到交互设计

浮动按钮   浮动按钮是一种比较特殊的交互元素,布局位置独立,不受界面当中其他元素的局限。...

news.17173.com
xmgyy015采集到交互设计

左上角的忍者神龟小气泡好可爱!~~

1

zaodula.com
xmgyy015采集到交互设计

跟时间线一样效果的小时钟   这一点肯定不会忽视的!当我滚动翻看新的消息时,一个小时钟出现...

zaodula.com
xmgyy015采集到交互设计

分享流程   当点击任意一个具体图标后,比如说图中的“引用”,引用图标扩大并渐隐。同时新的...

1

zaodula.com
xmgyy015采集到交互设计

加载指示器   当我点击搜索附近的时候,出现加载指示器非常可爱。设计者没有复用搜索框中的旋...

zaodula.com
xmgyy015采集到交互设计

个人页的渐隐   已经有很多应用采用这种滚动+渐隐的技术——交互性非常棒,这是Path的版...

3

zaodula.com
xmgyy015采集到交互设计

Path的招牌动效   我还记得Path刚出来的时候——它的按钮圆盘弹出动效轰动一时。Pa...

1

zaodula.com
xmgyy015采集到交互设计

引导页设计   平滑的引导流程,简约至极——简简单单的附上必要信息,完成3步后,模态窗口便...

zaodula.com
xmgyy015采集到交互设计

模态窗口登录   Path的这种弹出设计,能够取悦新用户,蹦出和下落给予了应用活力感。但是...

beforweb.com
xmgyy015采集到交互设计

费兹定律在桌面设备平台中的运用   边缘—角落   用户可以很轻松的点击到处于角落的交互元...

beforweb.com
xmgyy015采集到交互设计

费兹定律在桌面设备平台中的运用   尽量将多个常用的功能元素放置在距离较近的位置;对于那些...

beforweb.com
xmgyy015采集到交互设计

隐形   隐形不只是超级英雄才有的能力。俗话说,好的设计应该像空气一样;只有不好的设计才会...

beforweb.com
xmgyy015采集到交互设计

设计中的幽默元素是一种淡化人机界限、引发正面响应的有效方式。每次你登录MailChimp的...

beforweb.com
xmgyy015采集到交互设计

Clearleft将其404页面看做展示网站人格的机会,通过绕口令一样幽默略显恶搞的文案让...

beforweb.com
xmgyy015采集到交互设计

使用选择让输入更轻松   例如,你可以在某些地方使用列表视图或选择器(picker)来代替...

16

beforweb.com
xmgyy015采集到交互设计

使用系统字体,确保清晰易读   iOS7中的系统字体可以自动调整字间距及行高,使文字内容更...

beforweb.com
xmgyy015采集到交互设计

通过色彩简化UI   一种关键的颜色——例如备忘录应用中的黄色——可以突出重要信息,并巧妙...

beforweb.com
xmgyy015采集到交互设计

充分运用留白   留白可以使重要的内容及功能更加突出。同时,留白还可以传达出一种平静和稳定...

beforweb.com
xmgyy015采集到交互设计

慎用拟物化的视觉元素   浮雕效果、渐变、阴影,这类视觉表现形式有时会使UI元素过于沉重,...

beforweb.com
xmgyy015采集到交互设计

依从于内容   通过漂亮的全屏方式呈现当前的天气情况,用户能够立即发现最重要的信息,而且每...

2

beforweb.com
xmgyy015采集到交互设计

尽可能地避免使用无意义的启动画面(欢迎画面)或其他类似的启动体验。最好让用户在启动你的应用...

beforweb.com
xmgyy015采集到交互设计

Shazam面向iOS7重新设计了他们的图标,因为这一点在iOS7 UI过渡规范当中是有明...

beforweb.com
xmgyy015采集到交互设计

Huffington Post应用通过一个单独的层来呈现“全部分类(All Section...

2

beforweb.com
xmgyy015采集到交互设计

失去了质感和深度的界面元素迫使视觉设计师必须更加努力的工作,才能在界面当中各种类型的元素之...

3

beforweb.com
xmgyy015采集到交互设计

在iOS7的某些地方,你很难判断哪个元素是界面中最主要的call to action,因为...

beforweb.com
xmgyy015采集到交互设计

默认情况下, 新的导航栏是半透明的,并且与状态栏使用了相同的配色;相比于之前的版本,这使得...

beforweb.com
xmgyy015采集到交互设计

相比于iOS6及以前的版本,iOS7的设计语言具有与生俱来的简洁性。我们的表单立刻变得简单...

beforweb.com
xmgyy015采集到交互设计

质感和重元素的移除   在iOS6和之前的时代,质感元素被无数应用所使用着,而iOS7通过...

6

beforweb.com
xmgyy015采集到交互设计

“设置”界面在iOS7(左)和iOS6(右)当中的对比:缩进的列表单元   通过使用iOS...

beforweb.com
xmgyy015采集到交互设计

iOS6 vs. iOS7   “好的设计要做到尽量的‘小’——少,而更好——这可以使最精...

beforweb.com
xmgyy015采集到交互设计

尝试单栏布局   单栏布局 从上到下的方式能够以更符合读者预期的方式对他们进行引导,而多栏...