随着智能手机、平板电脑等移动设备的风靡,可以说移动UI成了一个热门行业,其中移动UI视觉设计也成为了如今这个时代的热门词汇。本书便围绕移动UI视觉设计这一热点展开,并试着将一些设计的要点与注意事项总结为朗朗上口的设计法则,通过法则的总结让读者能够较为全面与更为细节化地了解到什么是移动UI视觉设计以及如何进行移动UI视觉的设计与优化。本书将移动UI视觉设计的注意事项罗列为了呈点状分布的法则形式,并且在对每条法则进行解析的同时也都列举了大量与之相关的移动UI的设计案例,让读者能更为直观地理解法则内容。虽然本书采用了散点的叙述方式,但这些“点”根据性质的不同,都被有序地归纳在了不同的章节之中,这使得读者在阅读时不会显得繁乱,并且可以如同查阅工具书一般,在需要找寻设计灵感或在设计遇到瓶颈时,通过对本书进行对应的翻看而获取设计的思路与创作的方法,这也是编者期望通过本书所达到的目的。
暂缺《用户体验至上:移动UI完美视觉设计法则》作者简介
前言
如何获取云空间资料
第1章你需要了解移动UI视觉设计
1.1移动UI视觉设计原9-
1.1.1移耐JUI的相关概念
1.1.2移动ui视觉设计与用户体验
1.2宏观认知移动uI视觉设计
1.2.1移动ui视觉设计的重要性
l.2.2移~JUI视觉设计的设计流程
1.2.3移动UI视觉设计的设计总则
第2章彰显界面中的文字可读性
2.1让用户能够更快更准地辨识文字
法则一避免使用易产生歧义的字体
法则二尽量使用熟悉的词汇与搭配
法则三把握字体粗细避免含糊
视觉效果
2.2巧用大小写让界面富有
视赏变化的乐趣
法则一大小写的穿插带来活力感
法则二大小写的搭配也能均衡界面
法则三利用大小写的变化
吸引用户的注意力
2.3字体、字体尺寸与易读性
法则一统一的字体不统一的尺寸
法则二无须缩放操控也能轻易阅读
2.4 lbl距与阅读流畅体验
法则一适当调整间距别让文字拥挤
法则二调节间距带来阅读
界面的节奏感
2.5用户被文字色彩的交替所吸引
法则一转换文字色彩突出
界面重点信息
法则二调节文字色彩
与背景色彩的对比关系
精致享受
第3章移动IU中不容轻视的“图”的存在
3.1 圈片在界面中的布局展示形式
法则一传统矩阵式平铺布局
法则二定宽不定高瀑布式布局
法则三承接关系的浏览布局
法则四打破屏幕局限的全景式布局
3.2注意界面中圈片的尺寸与l例
法则一不要破坏图片的品质视觉感
法则二过度拉伸让图片失真
3.3图片处理突显界面魅力
法则一透明和叠加效果带来的精致享受
法则二 “模糊”质感也是一种美的
体验
3.4图形符号的装饰与引导
法则一提高效率的反馈图形符号
法则二让图形符号具有方向的
引导性
3.5能让用户识别的圈标设计
法则一保持设计的一致性
法则二准确地隐喻塑造辨识度
第4章APP中的色彩诱惑
?4.1界面色彩中隐藏的秘密
法则一色彩也能“绑架”用户的眼球
法则二有时“无色”胜“有色”
4.2色彩间的格葡脑羽环同界面风格
法则一淡色调和粉色系展现
甜美与柔和
法则二暗色调中的沉稳与时尚
法则三高纯度色彩带来的活力感
法则四冷色调和蓝色系突显
科技与智慧
4.3影响视觉感受的对比度的控制 1
法则一在明度对比中突出界面重点1
法则二利用纯度对比刺激用户眼球
法则三过度刺激只会使用户退缩
4.4色彩面积决定界面关键点 一1
法则一在大面积中突显点睛色 l
法则二面积均等中的无彩色调节
第5章用格式塔理论武装设计思维与界面
5.1接近性与相似性原理
法则一合理安排信息间的组合位置
法则二利用线条或色块
增强信息的联系
5.2连续性原理
法则一别让图形的装饰破坏连续性1 3
法则二添加背景装饰图形
增强整体感 .
法则三适当的交互说明
让连续感更明显
法则五低纯度色彩和中性色中
的朴实与复古
5.3封闭性与简化对称性原理
法则一封闭性带来的界面美化
法则二简化对称性让界面更为简洁
5.4主体与背景原理
法则 发挥背景的诱导性 l
法则二别让背景装饰与主体脱节
5.5共同命运原理
法则一去掉多余的装饰说明 l
法则二界面元素与操控习惯的
连接要合理
第6章图表化表达、界面空间与操控趣味
6.1利用信息可视化图表
浓缩界面内容
法则一少告诉,多展示
法则二打破常规去表达 l
法则三让视觉形成焦点
法则四清晰的文字说明 让信息气味更浓郁
6.2利用颜色加强图表视觉效果 一
法则一选择符合信息表述的颜色
法则二合理利用色彩的
对比突显信息 l
6.3动态图表为界面增添表现力
法则一前后变化增加操控与参与感
法则二添加动态设计
博取用户关注点 l
第7章界面布局与用户体验
?7.1格式化布局
法则一合理划分信息的层次
法则二巧用首屏展现信息
法则三将重点放在看得见的地方
7.2界面导航的布局形式一
法则一跳板式布局 l
法则二列表菜单式布局
法则三选项卡式布局
法则四 陈列馆式布局
法则五仪表式布局
法则六超级菜单式布局
法则七隐喻式布局
7.3更具情感的界面布局
法则一利用插图活跃界面氛围
法则二步骤图标让布局
更加人性化
第8章不可忽视的交互设计
8.1触控模式的设计
法则一设计界面交互元素让手势
更加轻松
法则二通过元素变化增添触感体验
8.2注意用户的触控范围
法则一交互按钮能使用户命中目标
法则二不居中更好用
8.3将次级信息“隐藏”起来
法则一滚动式“隐藏”
法则二抽屉式“隐藏”
法则三菜单式“隐藏”
法则四图标式“隐藏”
用户体验至上:移动UI完美视觉设计法则pdf