编辑推荐
《像素的艺术 从零开始学UI设计 基础篇》复盘像素范儿gao级UI设计师集训课,像素范儿独te的有源设计方法完全解密; 《像素的艺术 从零开始学UI设计 基础篇》打造入行UI设计的学习闭环:掌握软件 学习方法 线上训练 名师点评 包装作品; 《像素的艺术 从零开始学UI设计 基础篇》附送Sketch、Illustrator、Principle、After Effects、Keynote和Photoshop六款软件的入门视频课。 设计方法论结合实战,学完能独立创作完整作品,书中包含大量作业,随学随练,在优阁网上提交作业,有机会获得BAT级别名师点评,提供学习交流群,分享更多设计资源。
内容简介
本书是根据像素范儿UI设计课程编写的系列UI设计书中的*本书,主要讲解了UI设计的学习方法、基础知识,以及相关的行业知识。 书中涉及的软件知识以视频教学的方式呈现。本书注重系统性的训练,非常适合零基础的UI设计学习者。 本书提供了大量的软件教学视频,包括Photoshop快速入门教程、Illustrator快速入门教程、Keynote快速入门教程、Sketch快速入门教程、Principle快速入门教程和After?Effects快速入门教程。
作者简介
李泽同 资深 UI 讲师 像素范儿创始人,曾在4A广告公司担任资深美术指导,服务过的客户有华为、大众、腾讯、海尔、飞利浦、康师傅等知名品牌,曾在国内知名教育培训机构担任UI设计线上课程负责人,其培训的学员多次获得互联网设计比赛大奖。许多学员毕业后成功入职百度、腾讯、优酷、网易等一线互联网公司。 刘中萌 资深 UI 讲师 像素范儿联合创始人,曾服务过宝马、联想、三菱、vivo 等知名品牌,曾任职金融之家视觉设计主管,负责金融之家移动端 App 与 Web 端在线商城等产品设计,曾就职于呱呱视频,负责主产品界面设计,创办设计师互动交流社区UI GREAT。 周国栋 高级 UI 讲师 课程研发 曾在诸多一线互联网公司担任多年的视觉设计负责人,负责过宝马、TCL、华为等多个公司的设计项目,在像素范儿担任讲师期间,积累了一套独特的教学思路和方法,其培训的许多学员成功入职 BAT、美团、滴滴等一线互联网公司。 朱琳琳 课程研发 像素范儿课程课件、分享会、年会等活动keynote设计师,拥有4年线上线下一线授课经验。拥有丰富的大型活动组织、策划经验,曾为爱马仕、LV、可口可乐、雷克萨斯等品牌制作keynote、PPT等设计辅助演示文稿。
目录
- 课程1 学习前的准备
- 1 掌握Sketch软件(视频教学) /015
- 2 掌握Illustrator软件(视频教学) /015
- 3 掌握Principle软件(视频教学) /016
- 4 掌握After Effects软件(视频教学) /016
- 5 掌握Keynote软件(视频教学) /017
- 6 掌握Photoshop软件(视频教学) /017
- 课程2 学习设计的通用方法
- 1 从临摹到创造的设计学习通路 /019
- 2 纠正设计学习的误区 /020
- 3 作业:临摹一组控件 /022
- 课程3 开脑洞!设计师必须看完的信息源
- 1 站酷网 /025
- 2 Dribbble /026
- 3 Behance /027
- 4 花瓣网 /028
- 5 Unsplash /028
- 6 The FWA /029
- 7 作业:设计一款App的功能 /030
- 8 作业:制作登录注册界面(UI100Day) /030
- 课程4 了解行业
- 1 UI&UE /036
- 2 UI设计的基本工作流程 /036
- 3 互联网产品的团队组成及其工作内容 /040
- 4 UI的分类 /042
- 5 UI设计师的多种职业定位 /044
- 6 用户体验(UE)设计师的必备技能 /045
- 7 UE工作落地内容 /048
- 8 UE设计师成长须知 /053
- 9 中国互联网产品现状 /055
- 10 作业:制作聊天界面(UI100Day) /057
- 课程5 有源设计
- 1 什么是有源设计 /062
- 2 审美要用“好图”来“养” /062
- 3 看过之后要归纳总结——设计风格整理 /070
- 4 从画面中挖掘出更多的信息——设计细节的把控 /075
- 5 提升设计能力的必然路径——有源设计 /076
- 6 UI中的有源设计 /079
- 7 作业:制作工作规划界面(UI100Day) /083
- 8 作业:制作天气界面(UI100Day) /087
- 9 作业:制作日历界面(UI100Day) /093
- 课程6 构图和色彩
- 1 什么是构图 /098
- 2 构图心理学 /099
- 3 构图的技巧 /101
- 4 排版原理 /102
- 5 色彩 /109
- 6 色彩搭配在界面中的运用 /113
- 7 配色灵感捕获 /116
- 8 配色网站推荐 /117
- 9 作业:临摹“好好住”App的界面 /118
- 课程7 图标设计
- 1 图标的分类 /127
- 2 图标的发展趋势 /128
- 3 图标设计需遵循的要点 /132
- 4 图标案例分析 /132
- 5 图标设计规范 /133
- 6 Dribbble上一些值得推荐的图标设计大咖 /138
- 7 如何临摹装饰性图标 /139
- 8 作业:图标Redesign /144
- 9 作业:制作30个图标 /150
- 10 作业:制作快递进度查询界面(UI100Day) /155
- 11 作业:制作10个图标 /160
- 12 作业:制作6个装饰性图标 /166
- 13 作业:制作装饰性头像 /171
- 14 作业:制作启动页(UI100Day) /174
- 15 作业:制作视频播放器界面(UI100Day) /179
- 课程8 字体设计
- 1 中西文字体的分类 /185
- 2 GUI的起源 /193
- 3 UI字体需要注意的问题 /194
- 4 界面字体 /200
- 5 艺术字体推荐 /205
- 6 栅格化设计 /206
- 7 英文字体设计 /209
- 8 中文字体设计 /210
- 9 为什么总说中文排版比英文排版更难 /214
- 10 中文字体在设计中的应用原则 /216
- 11 常用的字库推荐 /218
- 12 字体相关的网站推荐 /221
- 13 作业:字体测量 /227
- 课程9 Banner设计
- 1 Banner的设计目的 /232
- 2 Banner的构图方式 /232
- 3 Banner的配色技巧 /234
- 4 Banner的字体选择 /236
- 5 Banner的文字排版 /239
- 6 文字排版的视觉效果优化技巧 /243
- 7 装饰搭配 /248
- 8 Banner修改前后的对比 /249
- 9 情绪版Banner /251
- 10 作业:制作Banner原型 /254
- 11 作业:设计制作Banner1 /255
- 12 作业:设计制作Banner2 /256
- 13 作业:设计制作Banner3 /257
- 14 作业:制作Banner规范 /274