从现在开始设计一个iOS App

挑选颜色

  • Main color: 通常用于吸引用户注意, 比如按钮，提醒操作时使用
  • Secondary color: 辅助main color增加一些颜色变化
  • Background color: 用于辅助内容现实
  • Background contrasted color: 和Background color配合凸现内容
Pick Colors

选择字体和字号

  • Font: Avenir Next
  • Heading: Regular 40px #fff
  • Sub Heading: Regular 20px #fff Opacity: 70%
  • body: Regular 14px #333333
Choose Font Styles

排版

  • Margin
  • Align
  • Rulers
  • ....
Typograph

元素分组

元素分组如同代码重构，让每个元素所在layer变得更有描述意义.

Grouping

参考

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,087评论 19赞 139
  • 网页前端资源整合
    作为一个前端程序猿，下面这些站会让你眼前一亮。 amazeui框架组建丰富 http://amazeui.org...
    欧巴冰冰阅读 8,940评论 18赞 303
  • 有些话，不敢轻易说出口——致《情书》
    《情书》是岩井俊二的长篇小说之一，这部作品还被拍成电影，由中山美穗，柏原崇，酒井美纪等人出演，在当时造成重大轰动。...
    荼茗浔阅读 578评论 0赞 9
  • 假如你假装不自卑
    童年不快乐的人往往很脆弱。往往也很自卑。烟在来公司已经半年了。依然可以不和主管以外的人熟悉交流。一直默默无闻工作，...
    苏景烟阅读 395评论 0赞 0
  • 做个独立的自己，才能更好的生活
    从小就有个愿望：有一份可以养活自己的收入，然后可以随心所欲地生活。比如看书、写字，和互相喜欢的人在一起。 为了这个...
    枫红云天阅读 1,127评论 0赞 1