热门关键字:  听力密码  单词密码  新概念美语  巧用听写练听力  零起点

移动端UI设计及规范——分分钟搞定App UI设计

中国水利水电出版社
    【作 者】北京课工场教育科技有限公司Q 【I S B N 】978-7-5170-4210-5 【责任编辑】张玉玲 【适用读者群】科技 【出版时间】2016-04-01 【开 本】16开 【装帧信息】平装(光膜) 【版 次】第1版第1次印刷 【页 数】192 【千字数】260 【印 张】12 【定 价】48 【丛 书】互联网UI设计师 【备注信息】
图书详情

    随着移动互联网的到来,各大行业、各类企业都掀起了设计开发移动端App的热潮,如何从平面UI设计师快速转型为移动端UI设计师?本书针对具有Photoshop基础的人群,采用案例或任务驱动的方式,详细介绍了移动端UI设计的流程、Android与iOS移动端平台的设计规范、设计扁平化/长阴影/拟物化等各种风格移动应用图标、购物类/天气类/教育类Android和iOS版本App界面的方法,带领大家尝试独立进行创意设计,最后综合应用完成项目——休闲娱乐类App设计,为大家从事移动端UI设计工作打下良好的设计功底。

    相对市面上的同类教材,本套教材最大的特色是,提供各种配套的学习资源和支持服务,包括:视频教程、案例素材下载、学习交流社区、作业提交批改系统、QQ群讨论组等,请访问课工场UI/UE学院:kgc.cn/uiue。

    注重实用技能培养——打造“互联网+”UI 设计师 突出创意设计训练——授人以渔而不只是作品临摹

    真实商业项目驱动——行业知识与专业设计相呼应 学习体验时尚前卫——传统教材与二维码革命性携手

    随着移动互联技术的飞速发展,“互联网+”时代已经悄然到来,这自然催生了各行业、企业对UI设计人才的大量需求。与传统美工、设计人员相比,新“互联网+”时代对UI设计师提出了更高的要求,传统美工、设计人员已无法胜任。在这样的大环境下,这套“互联网UI设计师”系列教材应运而生,它旨在帮助读者朋友快速成长为符合“互联网+”时代企业需求的优秀UI设计师。

    这套教材是由课工场(kgc.cn)的UI/UE教研团队研发的。课工场是北大青鸟集团下属企业北京课工场教育科技有限公司推出的互联网教育平台,专注于互联网企业各岗位人才的培养。平台汇聚了数百位来自知名培训机构、高校的顶级名师和互联网企业的行业专家,面向大学生以及需要“充电”的在职人员,针对与互联网相关的产品、设计、开发、运维、推广和运营等岗位,提供在线的直播和录播课程,并通过遍及全国的几十家线下服务中心提供现场面授以及多种形式的教学服务,且同步研发出版最新的课程教材。

    课工场为培养互联网UI设计人才设立了UI/UE设计学院及线下服务中心,提供各种学习资源和支持,包括:

     现场面授课程

     在线直播课程

     录播视频课程

     案例素材下载

     学习交流社区

     作业提交批改系统

     QQ讨论组(技术、就业、生活)

    以上所有资源请访问课工场UI/UE学院:kgc.cn/uiue。

    ■ 本套教材特点

    (1)课程高端、实用——拒绝培养传统美工。

     培养符合“互联网+”时代需求的高端UI设计人才,包括移动UI设计师、网页UI设计师、平面UI设计师。

     除UI设计师所必须具备的技能外,本课程还涵盖网络营销推广内容,包括:网络营销基本常识、符合SEO标准的网站设计、Landing Page设计优化、营销型企业网站设计等。

     注重培养产品意识和用户体验意识,包括电商网站设计、店铺设计、用户体验、交互设计等。

     学习W3C相关标准和设计规范,包括HTML5/CSS3、移动端Android/iOS相关设计规范等内容。

    (2)真实商业项目驱动——行业知识、专业设计一个也不能少。

     与知名4A公司合作,设计开发项目课程。

     几十个实训项目,涵盖电商、金融、教育、旅游、游戏等行业。

     不仅注重商业项目实训的流程和规范,还传递行业知识和业务需求。

    (3)更时尚的二维码学习体验——传统纸质教材学习方式的革命。

     每章提供二维码扫描,可以直接观看相关视频讲解和案例效果。

     课工场UI/UE学院(kgc.cn)开辟教材配套版块,提供素材下载、学习社区等丰富的在线学习资源。

    ■ 读者对象

    (1)初学者:本套教材将帮助你快速进入互联网UI设计行业,从零开始,逐步成长为专业UI设计师。

    (2)设计师:本套教材将带你进行全面、系统的互联网UI设计学习,传递最全面、科学的设计理论,提供实用的设计技巧和项目经验,帮助你向互联网方向迅速转型,拓宽设计业务范围。

    课工场出品(kgc.cn)

    前言
    课程设计说明
    关于引用作品的版权声明
    第1章    移动App图标的基本概念及设计方法
    本章简介 2
    理论讲解 2
    1.1 移动UI设计的相关概念 2
    1.2 移动UI三大操作系统 3
    1.2.1 Android系统界面 3
    1.2.2 iOS系统界面 3
    1.2.3 Windows Phone系统界面 4
    1.3 移动UI设计常用软件 5
    1.3.1 Photoshop 5
    1.3.2 Illustrator 6
    1.3.3 CorelDraw 7
    1.4 移动UI常见储存格式 8
    1.4.1 JPEG(.jpg) 8
    1.4.2 GIF(.gif) 8
    1.4.3 PNG(.png) 8
    1.5 尺寸相关的术语概念和标准 9
    1.5.1 屏幕尺寸 9
    1.5.2 分辨率 9
    1.5.3 屏幕密度 10
    1.6 初入图标世界 11
    1.6.1 图标的概念 12
    1.6.2 图标的分类 14
    1.6.3 启动图标的规范 18
    1.6.4 图标的设计方法 19
    实战案例 20
    本章总结 22
    本章作业 23
    第2章    扁平化图标——长阴影风格
    本章简介 28
    理论讲解 28
    2.1 扁平化设计的概念和特点 28
    2.1.1 扁平化设计的概念 28
    2.1.2 扁平化设计的原则 30
    2.1.3 扁平化设计的特点 33
    2.2 扁平化设计成为发展趋势 34
    2.3 扁平化图标的风格分类 35
    2.4 扁平化图标的优缺点 38
    2.4.1 扁平化图标的优点 38
    2.4.2 扁平化图标的缺点 38
    2.5 长阴影风格相关知识 39
    实战案例 40
    本章总结 42
    本章作业 43
    第3章    扁平化图标——折纸风格
    本章简介 46
    理论讲解 46
    3.1 折纸风格图标分析 46
    3.2 折纸风格图标的艺术特征 46
    实战案例 48
    本章总结 50
    本章作业 51
    第4章    扁平化图标——iOS风格
    本章简介 54
    理论讲解 54
    4.1 iOS简介 54
    4.2 iOS图标分析 55
    4.2.1 应用图标 55
    4.2.2 栏图标 55
    4.2.3 iOS新扁平化PK旧拟物化 56
    4.3 iOS图标设计规范 57
    4.3.1 iOS启动图标设计规范 58
    4.3.2 iOS图标文字规范 59
    实战案例 60
    本章总结 61
    本章作业 62
    第5章    拟物化图标——日历
    本章简介 64
    理论讲解 64
    5.1 拟物化设计的概念 64
    5.2 拟物化设计的优缺点 66
    5.2.1 拟物化设计的优点 66
    5.2.2 拟物化设计的缺点 68
    5.3 拟物化图标欣赏 68
    5.4 启动图标的制作尺寸 68
    实战案例 69
    本章总结 71
    本章作业 72
    第6章    拟物化图标——抽屉邮件
    本章简介 76
    理论讲解 76
    6.1 拟物化启动图标的设计流程 76
    6.2 启动图标的设计原则 78
    实战案例 81
    6.3 “抽屉邮件”启动图标制作方法分析 81
    6.3.1 图标制作步骤 81
    6.3.2 通过实际案例讲解图标的设计流程 81
    6.4 案例实操:PS图层样式的实际应用 83
    本章总结 84
    本章作业 85
    第7章    拟物化图标——照相机
    本章简介 88
    理论讲解 88
    7.1 拟物化相机图标案例解析 88
    7.1.1 项目需求 88
    7.1.2 案例解析步骤 89
    7.2 拟物化相机图标制作方法 91
    7.3 制作过程中的重难点提示 92
    本章总结 93
    本章作业 94
    第8章    Android系统UI设计规范(一)
    本章简介 96
    理论讲解 96
    8.1 移动端手机界面设计原则 96
    8.1.1 移动设备的概念 96
    8.1.2 移动设备界面的设计原则 97
    8.2 Android手机界面设计基础 100
    8.2.1 Android简介 100
    8.2.2 Android App特性 101
    8.3 Android界面设计尺寸规范 102
    8.3.1 界面尺寸及分辨率 102
    8.3.2 界面基本组成元素 103
    8.3.3 字体规范 105
    实战案例 107
    本章总结 109
    本章作业 110
    第9章    Android系统UI设计规范(二)
    本章简介 112
    理论讲解 112
    9.1 从设计师的角度理解px和dp 112
    9.2 Android界面中的图标规范 113
    9.3 原生Android界面的色彩参考 115
    9.4 Android界面尺寸标注 116
    实战案例 120
    本章总结 123
    本章作业 124
    第10章    iOS系统UI设计规范(一)
    本章简介 128
    理论讲解 128
    10.1 iOS系统简介 128
    10.2 iOS6与iOS7界面风格对比 129
    10.3 iOS App界面设计尺寸规范 133
    10.3.1 界面尺寸及分辨率 133
    10.3.2 界面基本组成元素 133
    10.3.3 字体规范 135
    实战案例 137
    本章总结 139
    本章作业 140
    第11章    iOS系统UI设计规范(二)
    本章简介 142
    理论讲解 142
    11.1 iOS App设计技巧 142
    11.2 iOS的配色 148
    实战案例 150
    本章总结 153
    本章作业 154
    第12章    综合项目——休闲娱乐类App设计
    本章简介 156
    项目实战 157
    12.1 设计制作Android应用程序“生活帮帮帮”App界面 157
    12.1.1 理论概要 157
    12.1.2 项目思路分析 161
    12.2 Android应用程序项目案例——“生活帮帮帮”项目需求概述 162
    12.2.1 项目名称 162
    12.2.2 项目背景 162
    12.2.3 目标用户 162
    12.2.4 主要功能 162
    12.3 “生活帮帮帮”界面设计实现思路 164
    12.3.1 内容优先,合理布局 164
    12.3.2 界面的绘制和构造 165
    12.3.3 功能架构 165
    12.3.4 色彩运用 166
    12.3.5 技能要点 167
    12.3.6 设计前的注意事项 167
    本章总结 168
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册