当前位置: 首页 >> UI设计酷站大全_UI设计教程 >> 阅读正文

UI妹精心整理:史上最全UI设计师学习指南(快收藏吧)

这是微信公众号UI妹精心整理出来的一些给UI设计师学习的干货与文章。当然,里面很多内容也是来自于25学堂。给大家学习参考提供一个渠道。

本文汇集和整理了共252篇干货,从设计基础知识—工具—界面设计—网页设计-设计规范和原则—色彩搭配—排版布局—交互动效—设计技法—前端基础知识—资源—流行趋势—扩展视野,共13个方面进行了总结,这252篇文章都是按逻辑次序排版的,从入门基础知识到设计原则、技能到未来的预测,当你看完每篇肯定会获得很大的成长~~~

堪称一本免费的最全UI设计电子书。值得好好收藏阅读。

2214063a0-11

一、UI设计基础知识

01 什么是UI

 

① 了解UI设计基础知识,才是做好UI设计的首要条件-什么是UI:

001、《新手UI设计师必须知道的UI设计知识 |新手必读》

② 给新人答疑解惑:

 

002、《UI设计新人答疑解惑|新手必读》

003、《UI设计初学者如何避免走弯路?》

 

 

02 UI设计必备知识体系

004、《新年自学计划!写给UI设计新人的只是体系指南》

005、《UI设计师应该掌握的知识体系以及职业规划!》

006、《优秀UI/UE(UX)设计师必备技能》

007、《设计师须知!学习UI/UX的四大重点》

 

 

03 移动端基础知识

 

008、《超全面的移动端尺寸基础知识科普指南》

009、《简单易懂!写给初学者的UI、UX、GUI新手科普指南》

 

二、设计软件(工具)

 

01 设计工具

 

① 设计师必备软件类:

010、《UI设计师必备软件》

② 提高效率类:

011、《Adobe cc2017 全系列软件大集合下载》

012、《Adobe XD windows版本发布了|结尾附安装包》

 

 

02 切图标注

① 切图神器:

 

013、《效率之王!从此解放你双手的切图神器【设计师必备】》

② 标注神器:

014、《效率之王!真正解放你双手的智能标注神器【设计师必备】》

 

03 图片压缩

 

015、《图片压缩不求人,3个亲测实用高效的图片压缩神器》

 

 

04 文件转换

 

016、《PS AI CDR文件格式相互转换格式方法大全 |【实用干货】》

 

 

 三、APP界面设计(必看)

日常APP设计界面77

01 原型设计

 

① 原型设计很重要:

 

017、《如何用axure快速制造APP交互原型》

 

② 推荐一款原型演示工具:

 

018、《demoo使用秘籍,比好用更好用-腾讯isux》

 

 

02 LOGO设计

 

019、《做logo必知的三十种技巧|超强干货》

020、《理清思路,把你搞定极简logo设计的六个核心技巧》

 

 

03 图标设计

 

 

① 好的图标需要不断的思考和提炼,才够易用:

 

021、《如何快速.高效地进行图标设计》

022、《设计师都应该知道的ICON知识》

023、《设计师如何提高自己的icon设计姿势水平》

 

② 图标和LOGO,你要知道这2个是不一样的:

 

024、《logo和图标,你真的明白2者的异同点吗》

 

 

 

04 字体设计

 

 

① 界面设计,你必须知道的字体规范:

 

025、《界面设计必备!最全最常用的字体规范》

026、《史诗级规范!全新UI设计字体与排版规范指南》

027、《pc端、移动端UI字体规范应用浅析》

 

② 字体搭配:

 

028、《如何给你的网页选择合适的字体》

029、《7个帮你搞定字体搭配的小技巧》

030、《腾讯设计师的私人笔记!帮你全方位掌握英文字体基础》

031、《超实用,简单7招教你打造超有格调的字体设计》

032、《绝对专业,超全面的UI界面字体选取与使用指南》

 

 

05 启动页设计

 

 

① 常用的设计方法和技巧,即学即用:

 

033、《APP设计之一:启动页》

034、《实战干货,聊聊APP启动页的3种设计类型》

 

② 一起来看看那些优秀APP启动页设计案例:

 

035、《来看这8个国内人气APP的闪屏设计案例精选》

036、《那些天,我们一起追过的APP春节启动页(附截图包)》

 

 

06 引导页设计

 

 

037、《【系列】APP设计之二:引导页》

038、《这5个技巧办办帮你设计出眼前一亮的APP引导页》

 

 

07 登录注册页设计

 

 

① 必须知道的登录注册那点事儿:

 

039、《【系列】APP设计之四:登录注册设计》

040、《APP注册这点事儿》

 

② 这些精美的设计案例,非常值得借鉴:

 

041、《27个漂亮的移动端注册/登录界面设计作品》

 

 

 

08 导航设计

 

 

① 7种导航设计模式:

 

042、《全方位科普移动端导航的七种设计模式|【精选干货】》

043、《【系列】APP设计之五:导航设计》

 

② 导航设计原则和思路,必须要知道的:

 

044、《超实用,聊聊标签式导航的设计思路》

045、《超实用干货!聊聊底部导航设计的4个关键原则》

046、《还在为导航设计而犯愁吗?教你5招轻松应对》

 

 

09 搜索设计

 

 

047、《【系列】APP设计之三:搜索设计》

 

 

10 表单设计

 

048、《抠细节!设计高效好用表单的10个技巧》

049、《表单中的勾选框和开关》

050、《列表视图vs网格视图》

 

app常用的按钮导航设计

11 按钮设计

 

051、《按钮体验设计:最佳的感受,形式和状态》

052、《细节博弈!按钮的优先级选取与用户体验最佳实践》

053、《交互细节!确定按钮到底应该放在左边还是右边?》

 

 

12 进度条设计

 

054、《细节是魔鬼!13个提高进度条用户体验的设计技巧》

055、《loading设计思路分享》

 

 

13 空白页设计

 

056、《交互干货!帮你消灭空状态界面的5个常用方法》

057、《实用干货!如何利用空白状态提升用户留存率》

 

 

14 弹窗设计

 

 

① 基本原则:

 

058、《弹窗设计的5条基本原则》

059、《四类弹框的四个设计准则》

 

② 设计技巧和优秀的弹窗设计欣赏:

 

060、《APP反馈提示设计之弹出框设计,超赞》

061、《APP提示弹出框设计要点分析与优秀作品鉴赏》

 

LayerCraft 切图插件

 

15 切图和标注的那些事儿

 

062、《APP界面切图命名和文件整理规范|超强干货》

063、《APP切图命名规则》

 

 

16 界面设计过程

 

 

① 关于项目预估时间:

 

064、《一款APP从设计稿到切图(番外篇)》

 

② 项目文件管理、版本控制:

 

065、《学会用SVN做版本管理,帮设计师随时改回第一稿(附教程)》

 

 

四、网页设计

 

 

 

01 设计指南

 

 

① 网页的排版布局设计:

 

066、《关于网页首屏设计,你必须要知道的那些事!!!》

067、《网页设计灵动布局之相对自由式》

068、《网页中的面包屑导航应该如何使用》

069、《最佳web字体排版实践的简明指导手册》

 

② 关于网页设计的配色:

 

070、《这种方法更专业!设计网页时选择配色的八个要点》

 

③ 设计指南:

 

071、《浅谈网页设计中的简约之美——简约设计》

072、《超实用的单页网站设计指南》

073、《必备技能!专业的网页风格指南应该如何制作?》

074、《教程|视觉设计师该怎样入门》

 

 

④ 提高设计效率的神器,不信你试试:

 

075、《让你效率爆表的网页设计PHOTOSHOP插件包|【值得收藏】》

 

⑤ 关于个人网站的设计案例精选:

 

076、《个人网站怎么做?来看这20个精挑细选的优秀网站范例》

 

 

 

02 配图技巧

 

 

077、《网页配图之道:首图的设计技巧(一)》

078、《新手设计师如何为网站搭配合适的图片》

079、《八个小诀窍帮你玩转网站背景图设计|【精选干货】》

 

 

五、设计规范和原则

 

 

01 iOS 设计规范(U妹划重点啦

 

080、《一款APP,从设计稿到切图(iOS篇》

081、《史诗级规范!全新Apple iOS设计规范指南》

082、《天呐,好烦,又忘记APP的尺寸设计规范了》

 

 

02 安卓设计规范(必看)

 

 

083、《一款APP,从设计稿到切图(Android篇)|超强干货》

 

 

 

03 视觉设计规范(必看)

 

 

084、《搜狐设计师:一份超实用的设计规范制定指南》

085、《超赞!YY娱乐移动端UI设计规范免费下载(高清已打包)》

086、《内部教程!超实用六步透视网易设计规范(附完整PDF下载)》

 

 

04 微信小程序设计规范(必看)

 

 

087、《微信小程序官方设计指南(附PSD+Sketch源文件)》

 

 

 

05 切图命名规范(必看)

 

 

088、《APP界面切图命名和文件整理规范|超强干货》

089、《APP切图命名规则》

 

 

06 设计原则(U妹划重点啦)

 

 

① 平面设计原则:

 

090、《平面设计中,引导受众视觉关注的八个方法》

091、《设计基础功,聊聊平面设计中的点线面(超多案例》

092、《提高视觉层次感!图文科普影响视觉重心的6个因素》

 

 

② UI设计基本原则,看完了这14篇文章,就可以大胆设计做设计了:

 

093、《设计师不会做APP没关系,认真看完就会了》

094、《拇指规则:说说APP设计中大拇指的重要性

095、《移动端文字与排版设计的6个原则

096、《超实用的格式塔原理小科普》

097、《关于UI基本设计原则的思考》

098、《实例教学!利用对比原则做出抢眼设计的20个方法》

099、《设计师要懂得10个心理学技巧,你掌握了几个?》

100、《聊聊对比技法中常用的八大知识点》

101、《中文版来了!值得每个设计师收藏的《完美像素使用手册》之原理篇》

102、《想做好移动APP的用户体验,需要重点考虑的9个核心原则》

103、《实例教学!10个帮你运用好字体组合的设计原则》

104、《仅此一篇,读懂卡片式设计长盛不衰的秘密》

105、《使用技巧!教你从层次/色调/创意3个方面设计出酷炫页面》

106、《iOS 10人机界面设计指南》

 

 

 

07 适配原则

 

 

107、《写给设计师的移动端页面适配小知识》

108、《一稿适配所有iOS设备》

109、《一稿过,你必须知道的完美适配Android和iOS及无线视觉规范 》

 

 

六、色彩搭配

 

 

01 关于颜色(U妹划重点啦)

 

① 红色—积极、开放、激情、喜庆、活力、有力量、生命;危险、血腥、革命、激烈、死亡:

 

110、《读书笔记:给你的色彩重命名——红色篇》

 

② 橙色—阳光、欢快、美食、温暖、记忆、放松、活动、舒适;神秘、幻想、优雅、时髦、冷静、理智:

 

111、《读书笔记:给你的色彩重命名——橙色篇》

 

③ 黄色—阳光、轻松、幽默、开朗、热闹、欢乐、幼儿;吵闹、廉价、不可靠、软弱、不结实:

 

112、《读书笔记:重命名你的色彩——黄色篇》

 

④ 绿色—自然、生命、安全、新鲜、田园、生命、春天、和平:

 

113、《读书笔记:重命名你的色彩——绿色篇》

 

⑤ 蓝色—理智、清凉、公正、精密、商务、严谨;寂寞、孤独、悲、伤严酷:

 

114、《读书笔记:重命名你的色彩——蓝色篇》

 

⑥ 紫色—优雅、高贵、女性、昂贵、庄重、神圣、成熟;冰冷、不亲切、有距离感:

 

115、《读书笔记:重命名你的色彩——紫色篇》

 

 

 

02 色彩搭配技巧(U妹划重点啦)

 

 

 

① 色彩基础知识:

 

116、《入门必看!给零基础新手的超快速色彩知识小科普》

117、《色彩的意义!用户体验设计师必知的色彩基础知识》

118、《超多案例!从3个方面帮你学习色彩层级的奥秘》

 

② 你必须要学会的色彩搭配技巧:

 

119、《界面设计必备-色彩三刀流》

120、《巧用色彩为卡片设计加分》

121、《可能是史上最实用的色彩搭配指南》

122、《腾讯好文!配色新人应该学会的6个色彩知识点》

123、《超实用!帮你快速搞定网页配色的方法(附配色神器)》

124、《手机APP界面颜色搭配案例》

125、《从这里入手,让你的设计拥有高转化率配色知识简明指南》

 

③ 设计师必须要懂的色彩心理学:

 

126、《色彩心理学:设计师的选色指南》

 

 

七、排版布局

 

 

 

01 排版设计(必看)

 

① APP排版设计:

 

127、《移动端界面中的版式设计原理(上)》

128、《移动端界面中的版式设计原理(下)》

129、《优秀APP的整体构图速成法》

130、《手机UI视觉设计构图的基本法则》

 

② 网页排版设计:

 

130、《无从下手?也许你应该从这五种经典网页布局开始设计》

132、《平面设计中,有哪些简单好用的排版技巧和方法》

133、《零基础也能看懂!写给设计师的前端小知识之网页排版(附实战)》

 

 

 

02 电商排版设计

 

 

134、《没思路?教你从空间/变化/形式3个方面搞定电商BANNER排版》

135、《50种让你垂涎三尺的美食排版设计大法》

136、《电商banner设计总结》

 

 

八、交互设计

 

 

 

01 交互设计原则(必看)

 

① 入门必备:

 

137、《外文翻译,交互设计:入门完全指南》

138、《用户体验设计师需要学习哪些入门技能》

139、《5分钟看完!一份简单易懂的交互设计入门手册》

140、《高手经验,聊聊交互新人容易犯的7个错误》

 

② 交互设计指南:

 

141、《微交互怎么玩?一份简单实用的微交互设计指南》

142、《打造美观清晰已使用的交互文档》

143、《超实用!6个方法帮你做出优秀的UI动态微交互》

144、《交互设计的优先级判断与排期协同》

145、《交互设计流程的“闭环”问题(上.下)》

146、《不得不懂得交互设计三要素之——交互细节设计》

147、《交互设计文档中那些促进沟通顺畅的细节》

 

③ 学习指南:

 

148、《给交互设计初学者的完全自学指南|【交互设计】》

149、《用户体验设计新人自学包之控件学习》

150、《阿里UED内部资料|优秀的交互设计师师这样养成的》

151、《从一次活动设计说说交互的3阶段》

 

 

 

02 动效设计(必看)

 

 

 

① 动效设计原则:

 

152、《中文版来了!新版MATERIAL DESIGN官方动效指南(一)》

153、《中文版来了!新版MATERIAL DESIGN官方动效指南(二)》

154、《中文版来了!新版MATERIAL DESIGN官方动效指南(三)》

155、《谷歌MATERIAL DESIGN设计指南精华版》

156、《你一定要知道的UI动效设计三原则》

157、《最有生命力的动态效果,都遵循这12条经典原则(上)》

158、《最有生命力的动态效果,都遵循这12条经典原则(下)》

159、《想临摹动效作品,先来学会这10条动态设计原理》

160、《有法可依!把你衡量一个动效是否赫尔的六个核心因素》

 

② 设计方法:

 

161、《花了7天看了上千个交互动效神作,我总结出了5个技巧》

162、《36个UI动效设计,也许能帮你从细节上提升产品逼格》

163、《腾讯高手出品!动效设计基础(一):运动曲线与缓动》

164、《你应该掌握的移动APP的7种动效》

165、《36个优秀的UI动效设计概念》

166、《3个方法帮你快速实现流畅好看的相融动效》

167、《超全面!文字logo的7种动效设计方法》

 

 

九、一些技法

 

 

 

01 关于渐变

 

① 提升作品的设计逼格:

 

168、《简单5步帮你做出优雅大气的渐变色背景》

169、《实用教程!教你巧妙应用渐变色快速提升设计格调》

 

② 简单易操作的使用教程:

 

170、《人气教程最终版!写给非科班设计师的渐变色学习指南》

171、《零基础也能学,一份全面系统的渐变色自学指南》

 

 

02 关于阴影

 

 

① 超火的弥散阴影设计技巧:

 

172、《简单3步教你用PS快速画出时尚漂亮的弥散阴影》

173、《超赞!一份简易上手的青春弥散阴影修炼手册》

174、《热门教程!超火的弥散阴影全方位通关指南》

 

② 有格调的投影设计技巧:

 

175、《阴影与层次!当现实世界照进UI设计》

176、《全面系统,GUI设计中如何做出有格调的投影 》

 

 

 

03 模糊背景

 

 

① 模糊背景设计技巧:

 

177、《10个用好模糊效果的超实用设计技巧》

 

② 透明背景设计技巧:

 

178、《12种透明背景的万能设计方法》

 

 

 

04 设计稿展示

 

 

179、《【UI设计必备】设计有立体感的手机APP UI展示模板》

180、《5个帮你快速提高设计稿质感的实用方法》

181、《超赞!帮你打造极简风APP UI的实用设计技巧》

182、《如何做出这种有厚度的APP界面图片》

 

 

 

05 图标设计技巧

 

 

183、《6个矢量图标绘制设计的实用小技巧》

184、《5分钟用PS绘制当下最火的卡通图标》

185、《ps热门教程!教你5分钟快速绘制超火的mbe风格图标》

 

 

 

06 PS实用小技巧

 

 

① GIF动画小技巧:

 

186、《新手指南!手把手教你玩转PS时间轴之基础篇》

187、《轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇》

188、《轻松制作GIF动画!教你玩转PS时间轴之5个小技巧篇》

189、《PS教程!手把手教你绘制3个效果酷炫的GIF动画效果》

 

② 提高工作效率的PS快捷键:

 

190、《PS唯快不破,最全最实用快捷键图文秘籍》

 

③ PS实用小技巧:

 

191、《ps技能分享,超级实用的ps技巧总结》

192、《有哪些超好用的ps蒙版使用技巧》

193、《ps小技巧,聊聊大家熟悉的变换复制操作原理》

194、《填充与不透明的区别》

 

 

07 设计师如何自我提升

 

 

195、《有哪些实用秘诀可以帮助UI/UX设计师自我提升》

196、《作为UI设计师,平时应该具备怎样的好习惯?》

 

 

十、设计师必知的前端知识

 

 

 

01 html5基础知识

 

197、《html5基础知识解析(一)》

198、《html5基础知识解析(二)》

199、《html5基础知识解析(三)》

200、《HTML5常用的标签|【实用干货】》

201、《H5那么火,这些知识你还不知道?》

 

 

 

02 CSS3基础知识

 

 

202、《CSS3基础知识解析(一)》

203、《CSS3基础知识解析(二)》

204、《CSS3基础知识解析(三)》

205、《CSS3基础知识解析(四)》

 

 

 

03 JavaScript基础知识

 

 

206、《值得每个设计师收藏的《完美像素使用手册》之设计与开发篇》

207、《响应式jQuery小效果实现思路》

 

 

 

04 iOS开发基础知识

 

 

208、《提高设计还原度!写给设计师的iOS前端教程(一)》

209、《提高设计还原度!写给设计师的iOS前端教程(二)》

210、《提高设计还原度!写给设计师的iOS前端教程(三)

 

 

十 一、设计资源

 

 

 

01 一些酷站

 

211、《11个人气超高的设计素材汇总网站》

212、《高级设计特工都在这里找灵感搜索源,然后忽悠你用百度!》

213、《UI设计小白必备:10个无需翻墙就能天天进阶的UI设计网站》

214、《神器两连发!超过配色组合的网站+两步做酷炫字效的软件》

215、《帮你找好图!99%的互联网从业者都要学会的图片搜寻方法》

216、《免费高清!10个无版权限制的大图特供网站!【值得收藏】》

 

 

 

02 设计素材

 

 

217、《设计素材下载|资源下载 》

218、《【UI设计师必备】25个精美的APP UI kit模板下载(附PSD)》

219、《送你一份iOS 10 GUI 源文件待领取(附PSD+sketch原文件)》

220、《iOS全尺寸icon生成合集psd|资源下载》

221、《web设计技术文档|资源下载》

222、《APP截图包|资源下载》

 

 

03 设计图书

 

 

223、《设计师进阶必读的设计书目都在这里了》

224、《UI设计师进阶必读的15本交互与用户体验设计经典书》

 

 

十 二、2017年设计流行趋势

 

 

 

01 设计流行趋势(U妹开始划重点啦)

 

225、《2017年设计趋势大观》

226、《趋势|8个你需要知道的2017年UI设计流行趋势》

227、《2017年流行的UI风格,可能是你从未听过的无框界面》

228、《从iOS10设计指南变化看设计的新趋势》

229、《设计新趋势:化繁为简》

230、《2017年“设计师”发展趋势指南》

 

 

 

02 2017年色彩流行趋势(必看)

 

 

231、《玩转草木绿!在这里了解2017年度潘通流行色》

232、《2017年流行色来了,这次将要回归自然》

233、《2017年来了,UI配色又有什么新流行呢?》

 

 

03 2017年UX设计流行趋势(必看)

 

 

234、《2017年UX设计趋势》

 

 

04 2017年网页设计新趋势(必看)

 

 

235、《待你验证,2017年最值得关注的7个网页设计趋势》

 

 

十 三、扩展视野

 

 

作为一枚设计师,我们除了在专业技能、设计规范和原则方面的提升成长之外,还需要扩展自己的视野和知识面,不仅要做好设计,还需要了解产品和用户,还要有足够敏锐的嗅觉,去了解更多的新产品和新趋势,适应新的环境,这样才能让自己有一个质的飞越。

 

 

01 VR设计

 

236、《教程来了!谷歌设计师出品的VR设计指南之基础概念与设计工具》

237、《关于怎么样学习VR设计》

238、《入行手册!可能是现在最全面的VR学习指南》

 

 

 

02 产品设计

 

 

239、《为什么说在设计中融入产品思维非常重要?》

 

 

03 用研常识

 

 

240、《超强干货,这里有7个腾讯最常用的用户研究方法》

241、《产品经理如何高效的做用户调研》

 

 

 

04 关于文案

 

242、《这样写UI文案,用户才能秒懂》

 

 

05 未来预测

 

 

243、《FACEBOOK设计总监:我对未来10年设计领域的预测》

244、《未来可能都在这!13个关于2017年的设计预言》

245、《图形界面的末路?聊聊未来可能会流行的对话式交互》

 

 

 

06 更多

 

 

246、《作为UI设计师,平时应该具备怎样的好习惯?|【设计师必读】》

247、《科学有效的UI设计自学姿势(超全面)》

248、《设计师最好知道一下常用的缩写》

249、《关于印刷的那点事儿》

250、《五分钟全知道!UI设计师的上下游都在做什么》

251、《翻天覆地!带你总结互联网设计圈这10年的巨大变迁》

252、《面试小技巧!如何应对为什么用这个颜色/字体/按钮的问题?》



无觅相关文章插件,快速提升流量

本文标题:UI妹精心整理:史上最全UI设计师学习指南(快收藏吧)

本文地址:http://www.25xt.com/uidesign/14564.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。