兰亭秒微|《术与道:移动应用 UI 设计必修课》原创解读

你是否想系统掌握移动 UI 设计,却苦于知识零散、没有成体系的学习路径?作为专注 UI 与体验设计的兰亭秒微,我们结合站酷经典书籍《术与道:移动应用 UI 设计必修课》核心内容,为你整理出从基础到进阶、从规范到实战的完整移动 UI 设计体系,帮你打通设计逻辑,快速成长为专业移动 UI 设计师。

image.png

一、书籍核心定位:移动 UI 设计师的成长指南

 
《术与道:移动应用 UI 设计必修课》是面向初中级 UI 设计师、平面转移动设计师、交互设计师、产品经理的系统性专业书籍,不讲软件基础,只讲设计思路、规范逻辑、实战方法,填补移动互联网设计领域的体系化知识缺口。
 
全书分为两大核心篇章:
 
  • 术之篇:App 设计基础,吃透屏幕原理、硬件逻辑、基础规范、图标设计方法,打好设计根基。
  • 道之篇:进阶设计体系,从搭建设计规范,到组件应用、完整设计流程,掌握从 0 到 1 做 App 的全能力。
 

二、创作背景:时代需要,设计师刚需

 
  1. 行业浪潮
     
    2007 年 iPhone 发布,开启移动互联网时代,国内 UI 设计快速崛起,UI 设计师成为市场最紧缺、薪资最高的设计岗位之一。
     
  2. 市场痛点
     
    大量平面、网页设计师转型移动设计,新人入门无体系教材;市面书籍要么浅显、要么理论化,无实战、不落地,无法满足工作需求。
     
  3. 创作初衷
     
    作者结合多年设计经验,打造一本实用、系统、有案例的移动 UI 专业书,授之以渔,帮助设计师真正掌握移动设计核心能力。
     
 

image.png

三、内容全解:12 章吃透移动 UI 设计

 

第 1 章 手机屏幕核心知识(设计根基)

 
设计师必须先懂载体,再做设计,本章搞定屏幕所有关键知识点:
 
  • 分辨率、物理尺寸、PPI(视网膜屏幕)计算逻辑
  • iOS 逻辑分辨率与像素倍率:@1x、@2x、@3x
  • 主流机型参数:iPhone 3GS/4/5/6/Plus 分辨率与适配基准
  • PPI 计算公式:PPI=√(长度像素数²+宽度像素数)÷屏幕对角线英寸数
 

第 2 章 设计风格:配色与字体(第一印象)

 
App 的颜值核心,决定用户第一感受:
 
  • 设计风格定位方法,贴合产品属性
  • HSB 配色体系,UI 设计最实用配色逻辑
  • 色彩性格:白 / 黑 / 红 / 蓝等颜色在 App 中的情感表达
  • 个性化内嵌字体使用规范
 

第 3 章 图标与图片设计(视觉核心)

 
图标是 App 的门面,本章讲透创意与规范:
 
  • App 图标三大特点:图形独特、表意准确、用色谨慎
  • 图形创意方法,跳出同质化设计
  • iOS 与 Android 双平台图标设计规范
  • 配图在界面中的烘托与辅助作用
 

第 4 章 iOS 系统界面规范(深度解析)

 
吃透 iOS 官方设计逻辑,做合规又好看的界面:
 
  • 系统组件规范、布局规则
  • 导航、控件、交互的原生逻辑
  • 界面层级与视觉节奏把控
 

第 5 章 Android 系统设计哲学(差异对比)

 
明确安卓与 iOS 的核心区别,不做 “照搬式” 设计:
 
  • 导航模式、界面布局、操作逻辑差异
  • 安卓 Material Design 设计理念
  • 双平台适配的取舍原则
 

第 6 章 搭建完整设计规范(从 0 到 1)

 
优秀 App 的核心是规范统一,本章教你建立自己的设计体系:
 
  • 设计规范搭建流程
  • 色彩、字体、间距、组件的统一规则
  • 规范落地与复用方法
 

第 7 章 界面组件全解(实战核心)

 
界面由组件构成,掌握组件等于掌握界面:
 
  • 系统组件与自定义组件用法
  • 按钮、表格、输入框、标签等规范
  • 组件状态:正常 / 点击 / 禁用 / 选中
  • 美团外卖等实战案例解析
 

第 8 章 导航布局设计(用户路径)

 
导航决定用户操作效率,主流模式全覆盖:
 
  1. 标签导航(底部 Tab):微信、大众点评同款,清晰不迷路
  2. 扁平导航:入口直接,操作便捷
  3. 舵式导航:突出核心操作,适合主功能明确的 App
 
  • 双平台适配:一套 iOS 设计适配安卓的成本与方法
 

第 9 章 差异化与个性化设计(破局同质化)

 
市场 App 太多,特色才是竞争力:
 
  • 跳出同质化的设计思路
  • 用户个性化体验打造
  • 典型页面设计要点与案例
 

第 10 章 屏幕适配方案(解决碎片化)

 
安卓 + iOS 多分辨率,一套设计稿通吃所有设备:
 
  • 设计基准:首选 iPhone 6(750px/375pt),上下兼容成本最低
  • iOS 适配:320pt、375pt、414pt 尺寸换算
  • 安卓 dp/px 换算、多密度适配逻辑
  • 切图输出规范:@2x、@3x 输出规则
 

第 11 章 手势操作设计(交互体验)

 
大屏手机必备,提升操作流畅度:
 
  • 单击、滑动、捏合、长按等常用手势
  • 手势与界面功能的结合逻辑
  • 符合用户习惯的交互设计原则
 

第 12 章 设计师成长:多看多练(进阶之路)

 
设计能力提升没有捷径:
 
  • 优质设计网站推荐,拓展视野
  • 多练、多拆、多总结的学习方法
  • 他山之石,可以攻玉的成长逻辑
 

四、书籍亮点:为什么值得读

 
  1. 体系完整:从基础到进阶,从理论到实战,闭环学习。
  2. 落地性强:大量商业案例,学完就能用在工作中。
  3. 双平台通透:iOS+Android 规范与适配一次搞定。
  4. 大咖推荐:站酷、UI 中国创始人,小米、途牛设计负责人联合力荐。
  5. 受众广泛:设计师、产品、开发都能读懂用透。
 

五、兰亭秒微总结

 
移动 UI 设计不是 “画图”,而是逻辑 + 规范 + 体验的综合能力。《术与道》把零散的知识点串成体系,帮你从 “会做界面” 变成 “懂设计、会做产品” 的专业 UI 设计师。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档