2023年12月20日发(作者:随峻熙)
iOS7人机交互界面指南
苹果在WWDC2023大会上发布了iOS7,新系统一改5年来的拟物路线,在乔纳森?艾维的主导下,加入了更多的“扁平化”和“极简”现代设计元素。
iOS7系统界面和按钮平面化突显,内置应用图标、解锁画面、主屏幕、通知中心等界面更多地采用极简元素和新的调色方案,苹果核心复杂立体的真实“拟物”风格完全已被削弱,包括之前的皮革、阴影、木质等设计元素也进行了大大弱化,系统界面更简单、更干净了。
开发者该如何设计应用才能和iOS7系统风格相匹配呢?为此,苹果推出了《iOS人机界面指南》。由腾讯ISUX的“弟妇城”同学翻译如下。
iOS7的革新关键词如下:
遵从:新UI更好的帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力
清晰:各种大小的文字易读,图标醒目,去除了多余的修饰,重点突出,很好地突显了设计理念
深度:视觉层次和生动的交互动作赋予UI新的活力,不但帮助用户更好的理解新UI的操作并让用户在使用过程中感到惊喜
无论你是重新设计一个现有的app或是重新开发一个,尝试一下苹果重新设计系统内置app的方式:
首先,去除了UI元素让app的核心功能呈现的更加直接并强调其相关性。
其次,直接使用iOS7的系统主题让其成为app的UI,这样能给用户统一的视觉感受。 纵观全局,以内容和功能为核心来指导设计,从前的设计模式可以先放到一边。
以内容为核心
虽然明快美观的UI和流畅的动态效果是iOS7体验的亮点,但内容始终是iOS7的核心。 这里有一些方法,以确保您的设计能够提升您的app功能体验并关注内容本身。
充分利用整个屏幕。无需使用边框、底图等等多余的UI元素,让内容扩展到屏幕边缘。
天气app是最好的例子:漂亮的天气图片充满全屏,告知用户天气情况,同时也很好的呈现了如每个时段气温等等的其他重要信息。
尽量减少视觉修饰和拟物化设计的使用。UI面板、渐变和阴影有时会让UI元素显得很厚重,致使抢了内容的风头。应该以内容为核心,让UI成为内容的支撑。
2023年12月20日发(作者:随峻熙)
iOS7人机交互界面指南
苹果在WWDC2023大会上发布了iOS7,新系统一改5年来的拟物路线,在乔纳森?艾维的主导下,加入了更多的“扁平化”和“极简”现代设计元素。
iOS7系统界面和按钮平面化突显,内置应用图标、解锁画面、主屏幕、通知中心等界面更多地采用极简元素和新的调色方案,苹果核心复杂立体的真实“拟物”风格完全已被削弱,包括之前的皮革、阴影、木质等设计元素也进行了大大弱化,系统界面更简单、更干净了。
开发者该如何设计应用才能和iOS7系统风格相匹配呢?为此,苹果推出了《iOS人机界面指南》。由腾讯ISUX的“弟妇城”同学翻译如下。
iOS7的革新关键词如下:
遵从:新UI更好的帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力
清晰:各种大小的文字易读,图标醒目,去除了多余的修饰,重点突出,很好地突显了设计理念
深度:视觉层次和生动的交互动作赋予UI新的活力,不但帮助用户更好的理解新UI的操作并让用户在使用过程中感到惊喜
无论你是重新设计一个现有的app或是重新开发一个,尝试一下苹果重新设计系统内置app的方式:
首先,去除了UI元素让app的核心功能呈现的更加直接并强调其相关性。
其次,直接使用iOS7的系统主题让其成为app的UI,这样能给用户统一的视觉感受。 纵观全局,以内容和功能为核心来指导设计,从前的设计模式可以先放到一边。
以内容为核心
虽然明快美观的UI和流畅的动态效果是iOS7体验的亮点,但内容始终是iOS7的核心。 这里有一些方法,以确保您的设计能够提升您的app功能体验并关注内容本身。
充分利用整个屏幕。无需使用边框、底图等等多余的UI元素,让内容扩展到屏幕边缘。
天气app是最好的例子:漂亮的天气图片充满全屏,告知用户天气情况,同时也很好的呈现了如每个时段气温等等的其他重要信息。
尽量减少视觉修饰和拟物化设计的使用。UI面板、渐变和阴影有时会让UI元素显得很厚重,致使抢了内容的风头。应该以内容为核心,让UI成为内容的支撑。