UI界面设计 ·

移动APP设计师进阶之路【一】:设计书籍与规范

无论是你是一名APPUI视觉设计师,还是一名UI平面设计师,或者是一名APP交互设计师。25学堂的小编与大家从这四个方面去理清楚怎么去学习好手机APP UI设计。

理论知识的积累步骤都是我们成长的过程当中必不可少的。设计理论知识就是我们的根基。

希望大伙可以好好的回顾一下这些方面的设计理论知识。下面的答案和资源来源知乎网。

APP数据曲线 UI视觉设计2

 

第一部分、设计理论书籍阅读

用户体验要素

《用户体验的要素:以用户为中心的产品设计》

讲述了经典的五层框架:战略层(产品目标和用户需求)、范围层(功能规格和内容需求)、结构层(交互设计和信息架构)、框架层(界面设计、导航设计和信息设计)、表现层(感知设计)。可以对互联网产品经理、交互设计师、视觉设计师之间的工作流程、职责有个初步的认识,在后续学习中也大致明白重心该放在哪个环节。

 

《点石成金:访客至上的网页设计秘笈》

介绍了don’t make me think 的几个指导原则 以及可用性测试,一本小书比较容易理解。

 

《认知与设计:理解UI设计准则》

介绍了一些用户界面设计准则。对于新人来说,常常不知道哪些设计是易用的、用户容易接受的,所以了解一些设计原则可以有助于我们辩证的思考各种设计方案之间孰优孰劣。

 

《About Face 3 交互设计精髓》

经典书籍,厚厚一本很难读完。对于新人来说,可以随便翻翻,先看看目录,找那些自己感兴趣的、疑惑的章节读一读。

 

《设计师要懂心理学》

介绍人的一些习惯,如何观察、阅读、记忆、思考、集中注意力等等很多方面。了解与我们的设计方案交互操作的用户,是设计师需要持续关注的。

相关阅读:设计心理学是如何体现在网页交互设计中设计交互心理学相关书籍推荐,认知设计从心理学开始

 

《写给大家看的色彩书:色彩怎么选,设计怎么做》

以大众审美为依据,用理性的思路帮你分析是否选对了颜色,教会你如何把选出的颜色运用得精彩。通过认知色彩核心和正确建立色卡,使你变被动为主动,将主观的感觉变为具象的色彩。

相关文章阅读:APP色彩搭配方案是由主色、辅助色和点缀色构成

 

另外,学堂君之前推荐给大家的阅读的交互书籍:APP设计阅读:6本交互设计殿堂级的书籍【含PDF】

移动设计书籍

 

第二部分实战书籍的推荐

《写给大家看的设计书(第三版)》

通过大量示例介绍了4大基本设计原则——亲密性、对齐、重复、对比,这些原则在界面排版上非常实用。作为非设计专业的学生来说,学习一些基本的原则很有必要。

 

《设计之下:搜狐新闻客户端的用户体验设计》

结合搜狐新闻客户端的项目经验,总结了很多干货,对于新手可以从中了解实际的设计流程。比如这篇:移动APP交互设计大师,自身修炼的武功秘籍

 

《破茧成蝶:用户体验设计师的成长之路》

一本实用性非常高的书,强烈推荐。其中需求分析、设计规划这两章刚好解决了我的一些疑惑,反反复复读了很多遍,非常有收获。感谢@刘津、@李月 的辛苦撰写、无私分享。

 

《移动应用UI设计模式》

关于设计模式的一本书,我读过之后写了几篇读书笔记,对书中的设计模式配上平时搜集的例子以加深理解,比如这篇8种移动APP导航设计模式大对比

 

《触动人心:设计优秀的iPhone 应用》

如果对iPhone设计感兴趣,可以读读这本书,虽然现在看来例子有些旧,但是也不妨碍我们去理解那些优秀的设计例子。

 

1080设计规范

 

 

第三部分、移动APP设计规范指南与相关设计元素下载

之前学堂君也整理了移动APP设计入门文档:iOS8和Android设计规范iOS、Android、WindowsPhone官方设计规范汇总

1)iOS 7 人机界面指南

iOS7设计尺寸最新分享和iOS7设计规范小炒报

iOS7 APP界面设计教程第一章《为iOS7的规范而设计》及统一设计规范整理

iOS7字体设计规范以及APP设计中英文字体下载

iOS7 UI设计控件元素详细解读和设计规范

iOS和安卓手机的APP图标尺寸规范和图标命名规范

2014全套原版iOS7 GUI PSD之APP设计练习素材

iOS7网格系统设计详细解读及iOS7图标模板演示
2)iOS 8 人机界面指南

[ISUX转译]iOS 8人机界面指南(一):UI设计基础

[ISUX转译]iOS 8人机界面指南(二):设计策略

[ISUX转译]iOS 8人机界面指南(三):iOS技术(上)

[ISUX转译]iOS 8人机界面指南(三):iOS技术(下)

iOS8 App图标模板尺寸规范[4.0]最新出炉

ios9-gui2

3)iOS 9 人机界面指南

iOS9移动APP左侧菜单界面设计抢先欣赏

iOS9 GUI iPhone全套UI设计模板PSD+Sketch

[ISUX译]iOS 9 人机界面指南(五):图标与图形设计

[ISUX译]iOS 9人机界面指南(四):UI元素

 

 

3)Material design

Material design非官方中文指导手册1.0

最全安卓Material Design的设计原则和设计规范

APP设计风格对比:扁平化、极简、Material Design

Material Design的配色规范和在线配色工具推荐

 

4)Apple Watch

Apple Watch界面设计规范

Apple Watch GUI模板和Apple Watch线框图PSD下载

Apple Watch UI交互设计指南中文版【共十章】

Apple Watch APPUI界面设计PSD最新下载

移动设计新干货之京东Watch V1.0设计项目赏析

 

未完待续...下一节课是:设计原则

参与评论