产品特色
编辑推荐
创意UI系列图书,轻松学习图标设计,就看《创意UI——Photoshop玩转移动UI设计》。
iOS、Android、Windows,三大主流平台,手机、平板,各种常见移动界面设计全包罗!
小清新、可爱、特效,风格多样。设计原则与应用技巧结合,学以致用。
内容简介
《创意UI:Photoshop玩转移动UI设计》通过案例的方式介绍了如何使用Photoshop进行移动UI设计,全书分为5章,每章都包括丰富的移动UI设计知识和详细的设计制作讲解。包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅和超人气平板界面是这样练成的等内容,使读者由浅入深,逐步了解使用Photoshop进行移动UI界面设计的整体思路和制作过程。以一个逐渐深化的方式为用户呈现设计中的重点门类和制作方法,使读者全面且深入地掌握各种类别移动界面设计案例。
《创意UI:Photoshop玩转移动UI设计》内容专业简练,操作案例精美实用、讲解详尽,适合UI设计爱好者与设计专业的大中专学生阅读使用。随书附赠的光盘中收录了书中所有案例的教学视频、素材和源文件,用于补充书中遗漏的细节内容,方便读者学习和参考。
作者简介
Art Eyes设计工作室,是一支国内的设计团队,团队成员都是设计界和软件行业的精英,有着超前的设计理念和丰富的行业经验,更有着对设计的比热爱与信仰。在工作中集思广益,精益求精,力求将每一位设计师的能力发挥到极限,长期研究软件与设计的完美结合,并以其高端性与专业性引领图书市场的发展趋势,热衷将团队研究的精髓以图书的形式分享给所有爱好设计和生活的读者朋友们。
内页插图
目录
第1章 初入移动UI设计的世界1.1 认识移动UI 1.1.1 什么是移动UI设计 1.1.2 移动UI设计的特点 1.1.3 移动UI设计的经典案例 1.2 移动设备的三大主流平台和设计的基本原则 1.2.1 iOS平台和设计的基本原则 1.2.2 Android平台和设计的基本原则 1.2.3 Windows平台和设计的基本原则 1.3 常用移动界面 1.3.1 常用手机界面 1.3.2 常用平板电脑界面 1.4 移动UI的草图设计流程 1.5 移动设备界面色彩搭配 1.5.1 色彩对移动界面的重要性 1.5.2 移动设备界面色彩的搭配方法 1.5.3 移动设备中色彩的传达 1.6 移动设备中各尺寸标准 1.6.1 手机的基本尺寸标准 1.6.2 平板的基本尺寸标准 1.6.3 手机的基本分辨率 1.6.4 平板的基本分辨率 1.7 移动UI使用的注意要点 1.7.1 移动UI设计的颜色使用要点 1.7.2 移动UI设计的图案使用要点 1.7.3 移动UI设计的字体使用要点
第2章 你所不知道的移动UI特性和界面导航设计2.1 移动设备的特性 2.1.1 高便携性 2.1.2 隐私性 2.1.3 应用轻便 2.1.4 手机媒体的特性 2.1.5 iPad的特性 2.2 手摸势交互特性 2.2.1 重复与循环动作 2.2.2 连贯动作法和关键动作法 2.2.3 夸张的方式制作利于触碰 2.3 移动用户体验设计方法 47 2.3.1 有效的人机交互策略 2.3.2 移动设备的可用性 2.3.3 以用户为中心的移动UI设计 2.3.4 访客至上的设计秘籍 2.4 导航栏和按钮的设计要点 2.4.1 应用的导航栏设计 2.4.2 导航栏返回按钮 2.5 移动应用导航的设计模式 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.6 2015年移动设备的发展趋2.6.1 大屏幕,还是大屏幕 2.6.2 4G LTE 2.6.3 随处可见的Android 2.6.4 NFC技术 2.6.5 更轻更薄 2.6.6 更大的平板电脑 2.6.7 更好的平板电脑保护套 2.6.8 在?Ultrabooks领域加大投资 2.6.9 将吸引更多企业用户的关注
第3章 Photoshop和移动UI的那些事儿 3.1 移动UI中基础图形的绘制 3.1.1 正方形、长方形 3.1.2 圆角矩形 3.1.3 椭圆 3.1.4 组合图形 3.1.5 其他形状 3.2 常见控件的制作 3.2.1 按钮 3.2.2 对话框 3.2.3 选项条 3.2.4 切换条 3.2.5 滚动条 3.2.6 播放器 3.3 图标的制作3.3.1 时间图标 3.3.2 相机图标 3.3.3 音乐图标 3.3.4 天气图标
第4章 现在就开始移动手机之旅4.1 移动手机设置界面 实战1 手机时钟设置界面 实战2 手机联系人设置界面 实战3 手机锁屏设置界面 实战4 手机显示设置界面 4.2 移动手机主题界面 实战1 小清新风格手机主题 实战2 女性风格手机主题界面 实战3 可爱风格手机主题界面 实战4 特效手机主题界面 实战5 手绘风格手机主题界面 4.3 移动手机应用界面 实战1 手机照片应用界面实战2 手机音乐应用界面 实战3 手机游戏应用界面
第5章 超人气平板界面是这样炼成的5.1 平板主题界面设计 实战1 安卓系统主题界面设计 实战2 苹果系统主题界面设计 实战3 Windows系统主题界面设计 5.2 平板应用游戏界面设计 实战1 iPad休闲游戏 实战2 iPad益智游戏 5.3 平板常用软件界面设计 实战1 平板电影高清时代 实战2 平板娱乐应用界面 实战3 平板音乐应用界面 5.4 平板阅读界面设计 实战1 iPad电子明信片浏览 实战2 女性网购站点 实战3 儿童学习教育
附录01 设计背景 触控目标大小的定义 僧多粥少 可玩性主要在于手控的操作 02 不同类型移动设备的可用性各异 iOS移动设备的可用性 Android移动设备的可用性 Windows Phone移动设备的可用性 03 移动网站与完整版网站 移动优化的网站 为什么完整版网站不适合移动使用 移动端比桌面端要求更严格 响应式设计 可用性原则很少非黑即白
前言/序言
创意UI:Photoshop玩转移动UI设计 内容简介 在这本书中,我们将一起踏上一段激动人心的移动UI设计探索之旅,而这次的起点,正是我们手中那个强大而熟悉的工具——Adobe Photoshop。本书并非一份简单的Photoshop操作指南,更非枯燥的技术堆砌,它是一场关于“创意”的盛宴,一次关于“设计思维”的深度实践。我们致力于将Photoshop从一个像素编辑工具,升华为一个孕育无限创意、实现惊艳移动UI的魔法平台。 核心理念:创意驱动,Photoshop赋能 本书的核心理念在于强调“创意”在UI设计中的至高地位。我们坚信,再精湛的技术也无法取代独具匠心的创意。然而,好的创意需要强大的工具来承载和实现。Photoshop,凭借其强大的图像处理能力、灵活的图层系统、丰富的画笔和滤镜,以及不断更新的功能,已然成为现代UI设计不可或缺的利器。本书将带领读者深入挖掘Photoshop在移动UI设计领域的潜能,教会大家如何将创意想法转化为具备商业价值、用户体验极佳的界面设计。 内容概览:从基础到精通,从理论到实践 本书的内容编排将循序渐进,力求全面且深入。我们将从移动UI设计的核心原则出发,逐步深入到Photoshop的具体应用层面,最终实现将创意概念落地。 第一部分:移动UI设计的基础与思维 在进入Photoshop的实操之前,我们首先需要建立起坚实的理论基础和正确的设计思维。 移动UI设计的本质与趋势: 我们将探讨移动UI设计的核心要素,如用户中心设计、信息架构、交互流程、视觉层级、可访问性等。同时,也会审视当前移动UI设计的最新趋势,如扁平化、拟物化、微交互、动效设计、个性化等,帮助读者把握设计脉搏。 创意在UI设计中的角色: 创意并非凭空产生,它源于对用户需求的深刻洞察,对产品目标的清晰理解,以及对设计趋势的敏锐把握。我们将分享一系列激发创意的方法论,例如用户画像构建、竞品分析、头脑风暴、用户旅程地图绘制等,并讲解如何将这些创意转化为具体的设计元素和方案。 Photoshop的角色定位: 在整个设计流程中,Photoshop扮演着怎样的角色?它不仅仅是绘制界面的工具,更是创意发散、原型制作、视觉稿产出的关键环节。我们将明确Photoshop在移动UI设计流程中的定位,以及它与其他设计工具(如Sketch, Figma)的协同关系。 第二部分:Photoshop核心功能与技巧在UI设计中的应用 本部分将是本书的重头戏,我们将逐一深入剖析Photoshop的关键功能,并演示它们在移动UI设计中的具体应用。 画布设置与流程管理: 如何在Photoshop中创建适合不同设备(iOS, Android)的画布?如何高效地组织图层、使用切片工具进行元素导出?我们将讲解一系列实用的工作流程和技巧,以提高设计效率。 色彩理论与应用: 色彩是UI设计的灵魂。我们将深入探讨色彩的心理学效应、品牌色彩的运用、以及如何在Photoshop中创建和管理调色板,利用渐变、叠加等工具实现丰富细腻的色彩效果。 排版艺术与字体选择: 好的排版能够极大地提升界面的可读性和美观度。我们将讲解字体分类、字号选择、行距段距设置、以及如何在Photoshop中利用文字工具创建富有设计感的文本样式。 图形元素的创造与编辑: 从基础的形状工具到复杂的钢笔工具,我们将演示如何在Photoshop中绘制各种UI图标、按钮、插画等图形元素。重点在于讲解如何利用图层样式、混合模式、矢量蒙版等功能,快速迭代和优化图形设计。 图像处理与素材运用: 如何在UI设计中合理运用图片?我们将讲解照片的后期处理技巧,如裁剪、调色、锐化、去污等,以确保图片在界面中呈现最佳效果。同时,也会介绍如何利用素材库和纹理,为界面增添质感和细节。 蒙版与剪贴蒙版: 蒙版是Photoshop中强大的非破坏性编辑工具。我们将重点讲解如何利用图层蒙版、矢量蒙版实现复杂的图像裁剪、叠加和局部效果,以及剪贴蒙版在创建特殊形状和元素组合中的妙用。 效果与滤镜的创意运用: Photoshop丰富的效果和滤镜,如果运用得当,能够为UI设计带来意想不到的惊喜。我们将演示如何利用阴影、内阴影、描边、斜面和浮雕、投影等图层样式,以及各种滤镜(如模糊、锐化、风格化)来实现具有设计感的视觉效果。 画笔工具的精细化探索: 画笔不仅仅用于绘制,更可以作为纹理、质感的载体。我们将深入讲解不同画笔的特性,以及如何自定义画笔,将其应用于背景纹理、图标细节、插画绘制等场景。 第三部分:从概念到原型,Photoshop的实战应用 本部分将带领读者将所学知识付诸实践,一步步完成一个完整的移动UI设计项目。 用户场景分析与需求梳理: 我们将以一个具体的应用场景为例,引导读者进行用户场景分析,明确设计目标和核心功能,为后续的UI设计奠定基础。 信息架构与线框图绘制: 如何将用户需求转化为清晰的信息架构?我们将讲解如何在Photoshop中绘制基本的线框图,勾勒出界面的布局和功能框架。 视觉风格探索与情绪板创建: 在确定了基本框架后,我们将进入视觉风格的探索阶段。读者将学习如何创建情绪板(Mood Board),收集灵感,确定界面的整体色调、字体风格、图标风格等。 界面元素的详细设计: 基于线框图和情绪板,我们将进入详细的界面元素设计。我们将针对不同的UI组件(如按钮、输入框、导航栏、列表、卡片等),详细讲解在Photoshop中的设计方法和注意事项,强调一致性、可用性和美观度。 微交互与动效的初步设想: 虽然Photoshop本身不直接制作动画,但我们可以通过图层、状态变化等方式,为微交互和动效的设计提供基础。我们将探讨如何在Photoshop中模拟一些简单的动效效果,为后续的动效设计奠定基础。 高保真原型图的绘制: 本书将重点讲解如何在Photoshop中绘制出高保真的界面设计稿,使其尽可能地接近最终产品的视觉效果。我们将强调细节的处理,如圆角、阴影、间距、对齐等,确保界面的专业性和美观度。 资源导出与规范化: 设计稿最终需要交付给开发者。我们将讲解如何高效地在Photoshop中进行资源导出,包括图标、切片、图层导出等,以及如何制定和遵循设计规范,确保资源交付的准确性和一致性。 第四部分:提升与进阶,拓展你的UI设计能力 在掌握了Photoshop在UI设计中的核心应用之后,我们将进一步拓展读者的设计视野和能力。 组件化设计与复用: 如何在Photoshop中构建可复用的UI组件?我们将介绍创建智能对象、使用图层组、建立统一的命名规则等方法,以提高设计效率和维护性。 响应式设计与跨平台考虑: 移动设备屏幕尺寸多样,我们将探讨如何在Photoshop中考虑响应式设计,以及为不同平台(iOS, Android)设计时可能存在的差异。 与其他设计工具的协同: Photoshpo并非孤立存在。我们将简要介绍如何与其他UI/UX设计工具(如Sketch, Figma, Adobe XD)进行协同工作,理解不同工具的优势和定位。 作品集展示与沟通: 优秀的UI设计需要好的作品集来展示。我们将提供关于如何整理和展示Photoshop完成的UI设计作品的建议,以及如何在设计评审中有效地进行沟通。 持续学习与创意实践: 设计领域日新月异,持续学习至关重要。我们将鼓励读者保持对新趋势的关注,不断尝试新的设计方法和技巧,将Photoshop的强大功能与自己的创意完美结合。 本书的特色与价值 创意先行: 始终将创意作为核心驱动力,引导读者思考“为什么”而不仅仅是“怎么做”。 Photoshop深度挖掘: 详细剖析Photoshop在移动UI设计中的每一个关键功能,并提供大量实战案例。 循序渐进的知识体系: 从基础理论到高级技巧,内容结构清晰,适合不同程度的读者。 实战导向: 通过大量的案例演示和实操指导,帮助读者快速掌握设计技能。 培养独立思考与解决问题的能力: 引导读者理解设计背后的逻辑,学会独立分析问题并找到解决方案。 激发设计灵感: 提供丰富的创意启发和设计思路,帮助读者打破思维定势,创造独特而有吸引力的UI。 本书适合的读者 零基础的UI设计爱好者: 希望系统学习移动UI设计,并掌握Photoshop这一强大工具的初学者。 平面设计师转型UI设计师: 拥有一定的Photoshop基础,但希望将其应用到移动UI设计领域的专业人士。 在校学生: 学习相关设计专业,希望提升实操技能和创意能力的学子。 产品经理与项目负责人: 希望了解UI设计流程和Photoshop的应用,以便更好地与设计团队沟通。 所有对移动UI设计充满热情,渴望用Photoshop创造精彩界面的人。 结语 “创意UI:Photoshop玩转移动UI设计”不仅仅是一本书,它更是一个起点,一个引领你走向移动UI设计新高度的伙伴。我们相信,通过这本书的学习,你将能够掌握Photoshop的强大力量,将脑海中闪耀的创意转化为令人眼前一亮的移动界面,用设计点亮用户体验,用创意驱动产品成功。让我们一起,用Photoshop,玩转移动UI设计的无限可能!