[Photoshop] Photoshop智能手机APP界面设计实战

[复制链接]
相视而笑 发表于 2016-7-7 10:58:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
Photoshop智能手机APP界面设计实战


APP是Accelerated Parallel Processing 的缩写,随着智能手机在中国的快速普及,APP这类软件被越来越多的人青睐。《Photoshop智能手机APP界面设计实战》主要介绍了常用UI元素以及软件的用户界面(UI)的设计思路和制作过程。全书共10章,分为两部分,第一部分介绍图标设计的领域和概念,以及Photoshop 常用的编辑操作,包括图标设计中的色彩理论、图标的设计技巧和Photoshop 的工作界面等;第二部分介绍用Photoshop 制作各种UI 常用元素,包括简单图标、复杂图标、常用图形、按钮及各种常用界面等。

更多相关内容请关注:Photoshop视频教程专区

Photoshop智能手机APP界面设计实战 Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战
Photoshop智能手机APP界面设计实战

Part1 UI设计概念
Chapter1智能手机APP界面设计概述
1.1APP界面的应用基础
1.1.1智能手机与APP客户端
1.1.2智能手机的操作系统有哪些
1.1.3智能手机APP布局说明
1.1.4APP界面的分类
1.2手机UI设计的基本概念
1.2.1什么是UI设计
1.2.2UI设计的重要性
1.2.3平面UI与手机UI的不同
1.2.4UI设计软件——Photoshop
1.3UI设计流程及视觉设计
1.3.1UI设计流程
1.3.2视觉设计
1.4关于图标的设计
1.4.1图标尺寸大小
1.4.2图标格式建议

Chapter2APP界面设计的色彩理论和原则
2.1颜色与光线
2.1.1可见光
2.1.2光谱色
2.2颜色的属性
2.2.1色彩的分类
2.2.2色相
2.2.3明度
2.2.4饱和度
2.2.5色调
2.3色彩的混合
2.3.1加色混合
2.3.2减色混合
2.3.3视觉混合
2.3.4色域
2.3.5色彩管理
2.4APP界面设计中材质绘制的色彩理论
2.4.1视觉中心
2.4.2关于光能的传递
2.4.3阴影的体现
2.4.4冷暖的对比和烘托
2.4.5线条的暗示性
2.5APP界面的设计原则
2.5.1捕捉对象的特征
2.5.2让图标简单、通用,从而适应一系列项目
2.5.3使用一致的光源
2.5.4创建矢量格式的图标
2.5.5注意文化差异
2.5.6使用别样的色彩组合
2.5.7图标的尺寸大小
2.5.8仔细规划你的设计
2.5.9设计一个犀利的小图标

Chapter3Photoshop制作图标常用的编辑操作
3.1PhotoshopCS6的工作界面
3.1.1了解工作界面的工作组建
3.1.2了解工具箱
3.1.3了解选项栏
3.1.4了解状态栏
3.1.5了解面板
3.2图标设计技巧和原则
3.3跟大师设计一组图标
3.3.1准备工作
3.3.2构思、草图
3.3.3辅助背景制作
3.3.4基本形、放大
3.3.5创作过程
3.3.6常用方法——变形
3.3.7进阶方法——改进
3.3.8成品
问答:形状工具和选区的区别?

PART实战案例
Chapter4简单图标UI设计
4.1制作桃心图标
技术链接:路径的运算方法
4.2制作可回收资源图标
技术链接:钢笔工具的使用
4.3制作短信图标
技术链接:基本图形工具
4.4制作照相机图标
技术链接:基本图形工具
4.5制作闹钟图标
技术链接:认识锚点
问答:如何快速上手制作图标?

Chapter5复杂图标UI设计
5.1摄像头图标制作
技术链接:新建文档
5.2Drive图标制作
技术链接:对图层的基本理解
5.3tumblr图标制作
技术链接:设置图层不透明度
5.4天气图标制作
技术链接:了解“图层”面板
5.5工具箱图标制作
技术链接;显示与隐藏图层
问答:怎样完成一个图标设计?

Chapter6图形UI设计
6.1条码图形
技术链接:添加“图层样式”的方法
6.2圣诞图形
技术链接:“图层样式”对话框
6.3工具图形
技术链接:图层样式、渐变叠加
6.4E-mail图形
技术链接:图层样式——斜面和浮雕
问答:怎样解决锯齿问题?

Chapter7按钮UI设计
7.1内发光按钮
技术链接——标尺和参考线
7.2简单的水晶方按钮
技术链接:图层样式-投影
7.3电源风格按钮
技术链接:图层样式-内阴影/光泽
7.4糖果按钮
技术链接:图层样式-图案叠加
7.5音乐播放器按钮
技术链接:图层样式——外发光/内发光
问答:按钮设计的技巧方法?

Chapter8进度条、日历、开关UI设计
8.1Loading加载进度条
技术链接:图层蒙版的使用
8.2日历界面
技术链接:变换与变形图像
8.3开关设置界面
技术链接:文字的编辑技巧
问答:如何合理地设计进度条?

Chapter9输入框UI设计
9.1对话框
技术链接:复制、粘贴和清除样式
9.2登录窗口
技术链接:显示和隐藏效果
9.3搜索界面
技术链接:修改效果
问答:怎么更好的应用图层样式?

Chapter10导航和通知列表UI设计
10.1通知列表
技术链接:智能滤镜
10.2导航列表
技术链接:创建剪贴蒙版
问答:界面设计的核心有哪些?

游客,您需要回复才可以查看或下载该资源!立即注册


更多相关内容请关注:Photoshop视频教程专区

精彩评论38

yj0728ccjh 发表于 2016-7-7 10:58:18 | 显示全部楼层

回帖奖励 +2 枚CG币

感谢分享
hnsgg 发表于 2016-7-7 10:58:50 | 显示全部楼层

回帖奖励 +2 枚CG币

谢谢了,谢谢
bjydly 发表于 2016-7-7 10:58:55 | 显示全部楼层

回帖奖励 +2 枚CG币

谢谢楼主
sunwf 发表于 2016-7-7 10:59:05 | 显示全部楼层
谢谢了,谢谢
饭大米 发表于 2016-7-7 11:02:33 | 显示全部楼层
不错不错 哈哈哈哈哈哈哈哈
hnsgg 发表于 2016-7-7 11:09:59 | 显示全部楼层
谢谢了,谢谢
bjydly 发表于 2016-7-7 11:10:06 | 显示全部楼层
谢谢楼主了
diamonddy 发表于 2016-7-7 11:13:50 | 显示全部楼层

回帖奖励 +2 枚CG币

谢谢楼主的无私奉献!!!
123oo456 发表于 2016-7-7 11:23:22 | 显示全部楼层

回帖奖励 +2 枚CG币

谢谢楼主的无私奉献!!谢谢楼主!
xjhma84 发表于 2016-7-7 11:23:52 | 显示全部楼层

回帖奖励 +2 枚CG币

谢谢
oasisxu 发表于 2016-7-7 12:52:49 | 显示全部楼层
多谢分享!!!
张宿雨 发表于 2016-7-7 14:08:39 | 显示全部楼层
哈哈 最近在学这个  感谢分享
liyue001 发表于 2016-7-7 17:11:54 | 显示全部楼层
谢谢楼主的分享
MK_AlieZ 发表于 2016-7-7 17:55:41 | 显示全部楼层
谢谢了,谢谢
yin506859351 发表于 2016-7-7 17:57:36 | 显示全部楼层
Thanks for !!
初来_乍到 发表于 2016-7-7 17:59:58 | 显示全部楼层
赞一个!!!!!
crskyqq 发表于 2016-7-8 08:40:19 | 显示全部楼层
满实用的东西,看看贵不贵
colorlookup 发表于 2016-7-8 09:28:46 | 显示全部楼层

谢谢了,谢谢
455418634 发表于 2016-7-9 10:26:09 | 显示全部楼层

谢谢了,谢谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝106

帖子12882

发布主题
关闭

精华推荐上一条 /8 下一条