[读书笔记]iOS 7 UI设计对比度

　　好久没写随笔了，最近在读《iOS 7 byTutorials》，很不错，推荐给大家。

　　每一个好的程序员也都是一个设计师，不懂设计的程序员不是好的CTO。哈哈，开个小玩笑。

　　iOS 7设计的核心思想就是：-------->简洁。但在简洁的UI里面如何让用户发现当前界面的重点，对比度是我们最有力的工具。

　　对比度有下列四种用途

　　　　1.突出重点，淡化非重点

　　　　2.加强视觉效果

　　　　3.告诉用户哪里可以点击

　　　　4.增强文字可读性

　　举例说明，如图

　　这是一个简单的闹钟程序，先别着急往下看，先思考一下，这个界面在设计上有什么缺点。

　　---------思考中---------我不看---------

　　好吧，思考差不多了，公布参考答案。

　　左一：非重点的闹钟与重点有着相同的色彩权值（可以理解为饱和度）

　　左二：与左一类似，这个界面是设置闹钟界面，重点在中央的方块内，下面依然很明亮，很难让用户区分重点区域。

　　右一：文字与背景都属于浅色系，用户读起来很费劲。

　　右二：按钮与背景的色差有点大，有可能误导用户去刻意按这两个按钮。

　　修改UI如下

　　这里就不翻译啦，一看便知。

　　每个设计师都有自己的设计风格，但是用对比度，色差来突出重点还是比较通用的设计规则。

　　好啦，继续阅读，继续思考，有时间继续总结啦！

转载于:https://www.cnblogs.com/treejohn/p/3974621.html

[读书笔记]iOS 7 UI设计对比度相关推荐

2.Prometheus读书笔记：深入Prometheus设计
Prometheus读书笔记:深入Prometheus设计 Prometheus第二章读书笔记的思维导图 Prometheus • 2.深入Prometheus设计 o 2.1指标  Prometh ...
电磁兼容工程（Electromagnetic compatibility engineering Herry Ott ）读书笔记-- 章16 PCB设计和叠层结构
1, 继续对Henry W Ott 写的<电磁兼容工程>这本书进行读书笔记记录. 强烈推荐英文原版,原版可能更容易读懂. 2,本博客是这本书的读书笔记,它不是对书的直接翻译,主要记录阅读这 ...
大数据之路读书笔记-11事实表设计
大数据之路读书笔记-11事实表设计文章目录大数据之路读书笔记-11事实表设计 11.1 事实表基础 11.1.1 事实表特性 11.1.2 事实表设计原则 11.1.3 事实表设计方法 11.2 ...
安卓和ios的ui设计区别_UI设计中IOS和安卓的设计差异
设计师在做app的时候很少考虑两个平台的差异,在设计上用一套设计稿去做,其实有很多不一样的地方.今天我就针对UI设计中IOS和安卓的设计差异进行简单的说明. iOS与安卓设计上的差异主要从系统差异.成 ...
读书笔记之《软件架构设计: 大型网站技术架构与业务架构融合之道》
大家好呀,我是小菜~ 帅哥美女,知道你们时间宝贵,那么就由小菜为你读好一本书,读一本好书,取其精华,与你共享~! 本文主要分享 <软件架构设计:大型网站技术架构与业务架构融合之道> 如有需 ...
安卓和ios的ui设计区别_Android系统与ios系统界面设计区别有哪些
界面设计是人与机器之间传递和交换信息的媒介,近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开发已成为国际计算机界和设计界为活跃的研究方向.UI即 User Interf ...
安卓和ios的ui设计区别_浅谈IOS和Android界面设计尺寸规范
刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大,文字该用多大才合适,我要做几套界面才可以?什么七七八八的也着实让人有些头疼. 废话不多说,希望大家耐心看完后,不要再纠结于尺寸相关的东 ...
安卓和ios的ui设计区别_Andoridios基础UI设计规范
开始App视觉设计前,定义好安卓或者iOS基本的尺寸及布局包括但不限于:App色调,icon尺寸,font大小,button样式.列表.其他组件.加载.空状态等. 安卓和iOSApp设计稿尺寸分别为: ...
安卓和ios的ui设计区别_安卓界面设计与iPhone界面设计区别在哪里？
据美国科技媒体最新报道,谷歌将推出一个新的设计语言,统一安卓应用的用户界面设计,届时将会出现新的按钮等界面要素.安卓生态的用户界面,将实现类似微软Metro和iOS的统一.这个消息一出,瞬间传遍移动互 ...

[读书笔记]iOS 7 UI设计对比度

[读书笔记]iOS 7 UI设计对比度相关推荐

最新文章

热门文章

[读书笔记]iOS 7 UI设计 对比度

[读书笔记]iOS 7 UI设计 对比度相关推荐

最新文章

热门文章

[读书笔记]iOS 7 UI设计对比度

[读书笔记]iOS 7 UI设计对比度相关推荐