iOS 11 APP 设计中的几个 UI 设计细节

Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心、Siri、Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面。

在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节。

图标:从线性改为面形

新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了。

Icon 颜色比如来的线性浅了一点,这样做看起来就不会过重,所以大家在使用面形的图标设计时,颜色要把握好。

卡片式设计

在新版的 iOS 11 界面,有不少的地方采用了卡片式/宫格式排列,卡片式的设计非常适合图文排版,并且在手机端有不错的阅读体验。

在 Material Design 中也是很重视卡片式设计,所以日后可以多考虑使用卡片式风格。

大投影

当转为卡片式设计后,为了提升层级表现,界面也增加了大块投影,是不是和 Material 风格有点像?

小编细看了下, APP 在 iPad 的封面与手机端的尺寸不一样,一个是横,一个是竖(工作量又增加了……)

为了美观,而增加了人力成本,到底值不值?这个封面就像一个网站的文章封面图一样,一篇文章要做2张封面图,这不仅增加人力成本,还增加运维成本。

无处不在的圆角

圆,像曲线一样,有圆滑、活泼、动感、柔和的感觉,更容易让人亲近。亲和力有了,吸引用户就更多了,iOS 的圆角在不同 UI 上使用的圆角大小略有不同,这就是细节,看来 iOS 在圆角的运用已到了出神入化之境。

Material Design 虽然也存在圆角,但要么圆角在太小了,要么就是直角。

而 Windows 的扁平化,就是一块方形。

转载请注明:本文来自常州开发APP公司http://www.czwew.com紫竹云科技!

时间: 2024-08-03 01:12:48

iOS 11 APP 设计中的几个 UI 设计细节的相关文章

中软国际教育UI设计:2017年UI设计就业前景趋势

随着计算机的普及应用,人们对计算机的要求越来越高,从而衍生了诸多计算机行业,比如编程类.美工类.硬件类等等.那么今天软妹子就给各位剖析UI设计师就业前景. 移动互联网的发展带动了UI设计行业的兴起, 目前UI即用户界面设计行业刚刚在全球软件业兴起,属于高新技术设计产业,与国外在同步发展水平. 国内大型互联网企业越来越注重网站和产品的交互设计及用户体验,UI 设计必将越来越火,目前国内外一批互联网巨头企业,如腾讯.YAHOO.中国移动.联想.网易.华为.中软.微软.盛大.淘宝等纷纷成立了 UI 设

数据库设计中常见表结构的设计技巧(转)

一.树型关系的数据表 不少程序员在进行数据库设计的时候都遇到过树型关系的数据,例如常见的类别表,即一个大类,下面有若干个子类,某些子类又有子类这样的情况.当类别不确定,用户希望可以在任意类别下添加新的子类,或者删除某个类别和其下的所有子类,而且预计以后其数量会逐步增长,此时我们就会考虑用一个数据表来保存这些数据.按照教科书上的教导,第二类程序员大概会设计出类似这样的数据表结构: 类别表_1(Type_table_1) 名称 类型 约束条件 说明 type_id int 无重复 类别标识,主键 t

ui设计未来前景怎么样?ui设计这个行业怎么样?

千锋UI设计师培训不仅有正常的培训课程,还为学员提供了UI+产品经理周末提升班,目的是为了给那些有基础的UI设计师提高能力.今天要为大家说的是一位千锋UI设计师的故事. 大家好,我是千锋UI设计培训部门讲师,参加千锋大家庭,完成由一线到讲师的转换,光阴匆匆,不觉已带了3个UI班级,跟着同窗们一同生长,传道授业解惑必然是第一位,但更重要的是作为教师的一份义务心. 授课过程中,发现自已的缺乏,不时的总结经历,因材施教,不时发掘能为大家都承受的教学办法,不停地研讨如何用粗浅易懂的言语圆满的论述笼统难懂

UI设计行业饱和了?UI设计好找工作吗?

UI设计在中国发展将近10年了,在这10年里随着互联网行业的极速发展,同时带动了UI设计行业的快速发展,UI设计师越来越被人知晓和提及.越来越多的企业都缺少UI设计师,而高校没有设置相关专业,造成UI设计师人才缺乏,UI设计师的待遇和薪资也越来越高.很多培训机构看准了这个机会,开设UI设计培训课程,几年里很多毕业学生,转业人事都加入到了UI设计这个行业. 有一些人发出了"UI设计师行业已经饱和了?工作找不到,工资太低了"这样的感慨,这些人去找设计师工作面试基本上都被pass掉,所以才会

UI设计的分类

软件UI设计(界面设计包括硬件界面设计和软件界面设计,我们这里探讨的是软件界面设计)包括用户研究.交互设计.与界面设计三部分. 1,用户研究 我们再产品开发的前期,通过调查研究,了解用户的工作性质,工作流程.工作环境.工作中的适用习惯,挖掘出用户对产品功能的需求和希望,为我们界面设计提供有力的思考方向,设计出让用户满意的界面. 用户研究不是软件UI设计者主管的行为,而是站在用户的角度去探讨产品的开发设计.它最终达到的目标是提高产品的可用性,使我们设计的产品更容易被人接受.适用,并记忆. 当产品最

移动应用交互设计中合理使用动态

一个优秀的交互师可以轻松地解释每一个动作逻辑背后的设计概念,包括信息框架,页面内容的继承,每一个点击动作对于页面跳转的影响等. 不久的将来,动效将被广泛的引入到原型的概念设计当中,然而随之带来的是交互设计方案的确定与分析变得越来越复杂.影响这些决定的原因当中,诸如“这样看起来很 炫”,“这样看酷”等等,将会让动效设计失去了它本来的目的.接下来,我们将试着站在用户体验的角度来定义动效设计,以及解释引入动效设计的目的. 什么是功能性的动效? 功能性的动效就是被我们引入到交互设计当中的微动效(moti

[转]消除FPGA设计中的毛刺问题

一.FPGA(Field Programmable Gate Array)以其容量大.功能强以及可靠性高等特点,在现代数字通信系统中得到广泛的应用.采用FPGA设计数字电路已经成为数字电路系统领域的主要设计方式之一.在FPGA的设计中,毛刺现象是长期困扰电子设计工程师的设计问题之一,是影响工程师设计效率和数字系统设计有效性和可靠性的主要因素.由于信号在FPGA的内部走线和通过逻辑单元时造成的延迟,在多路信号变化的瞬间,组合逻辑的输出常常产生一些小的尖峰,即毛刺信号,这是由FPGA内部结构特性决定

Web响应式设计中应避免的八大误区

开发一个带有响应式交互设计的网站变得非常有意义,因为其可以在不同的设备运行,因此,你可以节约针对不同平台开发不同网站的成本.但是,要做最大限度相应的网页设计,有些误区你应当避免. 不要优先为桌面版设计 开发者通常会犯的一个常见错误是,但他们设计网站时优先考虑桌面版,因为在这些人严重,将基于桌面版的网站转变为针对其他设备的响应式web设 计 是件很轻松愉快的事情.但是,这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题.甚至会造成返工,当然,大量的错误也会蔓延出来. 然而,基于移动设备开发网

UI设计初学者如何避免走弯路?

对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成. 问题一:UI设计是做什么的,需要学什么? 1.UI设计是做什么的? UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计. 我们一般所说的UI设计多指UI视觉设计,主要负责APP.Web.H5等页面的色彩.布局.icon.字体方面的设计工作.但随着互联网