background preloader

Design

Facebook Twitter

Contests. Jupiter – Responsive Multi-Purpose Theme. The Living. Droog − a different perspective on design. 腾讯ISUX – 社交用户体验设计部 – 设计你的体验. iOS7人机界面指南 – ISUX原创翻译-腾讯ISUX – 社交用户体验设计部 – 设计你的体验. 界面设计基础(目录) iOS7 的革新关键词如下: 遵从:新UI更好的帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力清晰:各种大小的文字易读,图标醒目,去除了多余的修饰,重点突出,很好地突显了设计理念深度:视觉层次和生动的交互动作赋予UI新的活力,不但帮助用户更好的理解新UI的操作并让用户在使用过程中感到惊喜 无论你是重新设计一个现有的app或是重新开发一个,尝试一下苹果重新设计系统内置app的方式: 首先,去除了UI元素让app的核心功能呈现的更加直接并强调其相关性。 其次,直接使用iOS7的系统主题让其成为app的UI,这样能给用户统一的视觉感受。 纵观全局,以内容和功能为核心来指导设计,从前的设计模式可以先放到一边。 以内容为核心 虽然明快美观的UI和流畅的动态效果是iOS7体验的亮点,但内容始终是iOS7的核心。 充分利用整个屏幕。 天气app是最好的例子:漂亮的天气图片充满全屏,告知用户天气情况,同时也很好的呈现了如每个时段气温等等的其他重要信息。 尽量减少视觉修饰和拟物化设计的使用。 尝试使用半透明底板。 保证清晰度 保证清晰度是另一个方法,以确保你的app中内容始终是核心。 以下是几种方法,让最重要的内容和功能清晰,易于交互。 大量留白。 让颜色简化UI。 通过使用系统字体确保易读性。 使用无边框的按钮。 用深度来体现层次 iOS7经常在不同的层级上展现内容,用以表达分组和位置,并帮助用户了解在屏幕上的对象之间的关系。

通过使用一个在主屏幕上方的半透明背景浮层来区分文件夹和其余部分的内容。 用户在使用备忘录里的某个条目时,其他的条目呈现在屏幕底部的其他分层上,这样用户可以通过滑动展开所有分类条目(译者按:算是一种提示手段)。 日历有较深的层级,,当他们在翻阅年、月、日的时候,以及增强的交互动画给用户一种层级纵深感(循序切换的层次,从年到月到日)。 当用户处于月份视图时,点击年份视图按钮,月份会缩小至年份视图中的所处位置。 类似的过度出现在月份和日期视图的切换时,当用户选择某个日期时,月份视图向外扩展,显示出日期视图。 几乎所有的iOS app都应用了UIKit framework中定义的组件。 UI组件大致分成以下4种大类: Bars:包含了导航信息,告诉用户他们所在的位置并包含了一些能帮助用户浏览或启动某些操作的控制按钮。 即时启动 重要:不要在安装过程结束后告诉用户需要重启设备之类的。 We make apps | Etch. Diablo Media • the Affiliate Network for Cost-Per-Action (CPA) Marketing. Dok - 360° Langstrasse Zürich.