史上最全设计师学习指南来啦(快收藏)踏梦星河

努力,U妹是认真的——越努力,越幸运

本文内容较多且全是干货,U妹建议先收藏,再躺被窝细细阅读哟~

一、UI设计基础知识

1、什么是UI

2、UI设计必备知识体系

3、移动端基础知识

二、设计软件(工具)

1、设计工具

2、切图标注

3、图片压缩

4、文件转换

三、界面设计

1、原型设计

2、logo设计

3、图标设计

4、字体设计

5、启动页设计

6、引导页设计

8、导航设计

9、搜索设计

10、表单设计

11、按钮设计

12、进度条设计

13、空白页设计

14、弹窗设计

15、切图标注的那些事儿

16、界面设计过程

四、网页设计

1、设计指南

2、配图技巧

五、设计规范和原则

1、iOS设计规范

2、Android设计规范

3、视觉设计规范

5、小程序设计规范

6、切图命名规范

7、设计原则

8、适配原则

六、色彩搭配

1、关于颜色

2、色彩搭配技巧

七、排版布局

1、排版设计

2、电商排版设计

八、交互设计

1、交互设计原则

2、动效设计

九、一些技法

1、关于渐变

2、关于阴影

3、模糊背景

4、设计稿展示

5、图标设计技巧

6、PS实用小技巧

7、设计师如何自我提升

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

1、html5

2、css3

3、Javascript

4、iOS开发基础知识

十一、设计资源

1、一些酷站

2、设计素材

3、设计图书

十二、2017年设计流行趋势

1、设计流行趋势

2、色彩流行趋势

3、UX设计趋势

4、网页设计新趋势

十三、扩展视野

1、VR设计

2、产品设计

3、用研常识

4、关于文案

5、未来预测

6、更多

01什么是UI

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

②给新人答疑解惑:

02UI设计必备知识体系

03移动端基础知识

01设计工具

①设计师必备软件类:

②提高效率类:

02切图标注

①切图神器:

②标注神器:

03图片压缩

04文件转换

01原型设计

①原型设计很重要:

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

02LOGO设计

03图标设计

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

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

04字体设计

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

②字体搭配:

05启动页设计

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

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

06引导页设计

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

08导航设计

①7种导航设计模式:

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

09搜索设计

10表单设计

11按钮设计

12进度条设计

13空白页设计

14弹窗设计

①基本原则:

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

15切图和标注的那些事儿

16界面设计过程

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

01设计指南

①网页的排版布局设计:

②关于网页设计的配色:

③设计指南:

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

02配图技巧

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

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

02安卓设计规范(必看)

03视觉设计规范(必看)

05切图命名规范(必看)

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

①平面设计原则:

07适配原则

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

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

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

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

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

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

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

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

①色彩基础知识:

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

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

01排版设计(必看)

①APP排版设计:

②网页排版设计:

02电商排版设计

01交互设计原则(必看)

①入门必备:

②交互设计指南:

③学习指南:

02动效设计(必看)

①动效设计原则:

②设计方法:

01关于渐变

①提升作品的设计逼格:

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

02关于阴影

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

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

03模糊背景

①模糊背景设计技巧:

②透明背景设计技巧:

04设计稿展示

05图标设计技巧

06PS实用小技巧

①GIF动画小技巧:

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

③PS实用小技巧:

07设计师如何自我提升

01html5基础知识

02CSS3基础知识

03Javascript基础知识

04iOS开发基础知识

01一些酷站

02设计素材

03设计图书

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

022017年色彩流行趋势(必看)

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

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

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

THE END
1.网站开发软件推荐与比较助你轻松搭建理想网站插件编辑器wordpress选择合适的网站开发软件是成功搭建理想网站的关键一步。无论你是初学者还是有经验的开发者,市场上都有适合你的工具。通过本文的介绍与比较,希望你能够找到最符合自己需求的软件,轻松实现自己的创意。 在未来,随着技术的不断发展,网站开发软件将会更加智能化和个性化。无论是人工智能辅助设计,还是更加简化的操作流程,都https://www.163.com/dy/article/JK6DKK5705569BV4.html
2.网页设计软件下载金蜘蛛网页设计器V8.1绿色免费版下载软件授权:免费软件 软件类别:网页设计 应用平台:Windows平台 软件官网:官方网址 更新时间:2022-09-06 网友评分: 360通过腾讯通过金山通过 36.7MB 详情介绍 超级网页设计器更名为金蜘蛛网页设计器是一款专业的网页设计软件,软件采用所见即所得的傻瓜式的设计模式,操作方便,使用简单,有需要的朋友快来本站下载使用吧! https://www.jb51.net/softs/678620.html
3.2021年最好用的免费网页设计软件基础价格相当于是购买软件的价格,即99美元,包1年内免费更新,仅限1台电脑使用。 授权设备是多台电脑使用的意思,这个根据数量来加价,没有具体明确。 软件更新是在购买软件1年后,每年的更新费用是 69美元。 以上便是小编使用最多的5款网页设计软件分享,其中小编最心水的是墨刀设计软件。但总的来说呢,网页设计用什https://modao.cc/design/web-design-software.html
4.网页设计软件下载网页设计软件免费下载[软件合集]本站网页设计软件合集为您提供网页设计软件相关最新资源下载安装。本合集有Axure RP Pro、Dreamweaver cs6、hbuilder等软件。关注本站网页设计软件合集帮您掌握网页设计软件最新版本动态,并提供同类型相关软件的下载,望能助您提升效率,快速解决遇到的难题!欢迎大家关注本站,了解更多资讯! 共https://www.5119.cn/zt/11673.html
5.WebDesigner(网页设计软件)免费版v9.0.6.0下载软件等级: 软件大小:122.27MB 支持语言:简体中文 授权方式:免费版 软件分类:网络软件/网页辅助 官网链接: 更新时间:2024-04-13 12:18:02 运行环境:WinXp,Win2003,WinVista,Win 7,Win 8,Win 10,x64 厂商: 关键字:网页设计 本地下载 大小:(122.27MB) https://www.crsky.com/soft/327856.html
6.网站设计软件下载网站美化软件网页设计软件网站设计软件里面有很多专业性的软件,有免费版可以进行下载,工具众多功能强大,可以快速设计出需要的网站,制作出有出色使用体验的界面,内部有众多模板可以进行参考,更加方便用户操作,设计更加简单,快来试试吧!http://www.downyi.com/key/wangzhanshejiruanjian/
7.电脑网页设计软件大全常见的网页制作工具有哪些页面制作需要通过设计软件来制作原型,而不少用户咨询网页制作工具有哪些?所以小编这里带来网页设计软件大全,整合常见的页面设计工具下载,每一款都能让你在辅助设计领域得心应手,提升设计效率。https://www.3h3.com/k/WebsiteDesignSoftwareDownload/
8.网页设计软件有哪些?网页设计软件哪个好?网页设计制作软件大全网页制作软件又称网页设计软件,是专门用于设计制作网页的工具,是网页设计师们的必备软件!如:dreamweaver、网页三剑客等,都是常见的网页设计软件,需要的朋友,赶快下载体验吧!http://www.downcc.com/k/webzzrj/
9.做网页设计的软件有哪些APP推荐做网页设计的软件有哪些下载豌豆荚做网页设计的软件有哪些榜单为您提供最新做网页设计的软件有哪些大全,这里不仅有做网页设计的软件有哪些安卓版本APP、历史版本应用下载资源,还有类似做网页设计的软件有哪些的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/398351/
10.ai自动生成网页设计软件如今,随着人工智能技术的飞速发展免费智能网页设计软件应运而生,它不仅可以自动生成精美网页,还能实现一键部署和全功能支持让网页设计变得更加简单快捷。 免费智能网页设计软件:开启智能设计新篇章 在互联网的浪潮中企业需要快速构建专业、美观的网站来吸引潜在客户。传统的网页设计不仅需要花费大量时间和金钱,还可能因为技术https://www.yanggu.tv/webgov/aixuexikm/63353.html
11.探索2024年最流行的4个免费UI设计工具选择一个方便的用户界面设计工具尤为重要!除了传统的用户界面设计工具外,在线用户界面设计工具也受到越来越多设计师的青睐。这种不受时间、地点和计算机配置限制的工作方式确实令人兴奋。在线用户界面设计工具的出现也使每个人都能更方便地探索自己的创造力。在本文中,您将找到六种最值得尝试的免费用户界面设计工具。https://zhuanlan.zhihu.com/p/680986629
12.超级网页设计器下载下载超级网页设计器就到华军软件园,这里不仅为您提供最新版的超级网页设计器,还为您提供超级网页设计器的同类软件下载,免费高速下载,一键绿色安装,更多更好更安全的免费软件供您下载。想了解更多国内外最新的绿色免费软件,下载更多内容,尽在华军软件下载! http://www.onlinedown.net/tag/6444.htm
13.平面教程影视动画教程办公教程机械设计教程网站设计教程我要自学网-免费视频教程,提供全方位软件学习,有3D教程,平面教程,多媒体制作教程,办公信息化教程,机械设计教程,网站制作教程,电脑培训https://www.51zxw.net/
14.BootstrapStudio(网页设计软件)V5.9.0中文免费版最需网Bootstrap Studio(网页设计软件) V5.9.0 中文免费版2023-05-29发布者:wx20230305205025大小: 下载:21立即下载 文件大小:软件介绍 Bootstrap Studio是一款网站设计制作工具,建立在非常风行的Bootstrap框架之上,附带大量用于构建响应式页面的漂亮组件,拥有智能拖放,实时预览,在线图书馆等多种功能。Bootstrap Studio可以帮助https://www.zuixu.com/down/323218.html
15.附源码小说web前端网页设计期末大作业腾讯云开发者社区1、网页整体框架 本网站的主题是介绍一本斯蒂芬金的中短篇小说合集《四季奇谭》,首页现对本书进行整体的介绍,简要介绍本书包含的四篇小说。首页链接四个分页面,分别是角色简介(characters)、作者(author)、书评(reviews)、关于我(about me)。另外加入返回寝室主页的链接。 2、主页设计 主页顶端是引向其他页面的连接https://cloud.tencent.com/developer/article/2343935
16.CorelDRAW2022免费图形设计软件51CTO博客CorelDRAW Graphics Suite2022是一款功能强大的软件,可取代等效的图形设计软件,轻松掌握,功能齐全。 转载:https://blog.csdn.net/CaiHuaZeiPoJie/article/details/125568048 CDR2022免费图形设计软件专业矢量插图、布局、照片编辑、版式和协作所需功能一应俱全。CorelDRAW? Graphics Suite 专为提高您的效率为目标而设计,https://blog.51cto.com/u_14827439/5437192
17.网站制作软件下载网页制作软件大全网页设计制作软件网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。单来说,网页设计的目的就是产生我们想要网站。可如果不会相关知识怎么办?没问题!下面是一批专业的软件,帮你从零开始设计自己的网站,制作自己的网站。相关https://www.qqtn.com/qqkey/webbuilder/
18.在线设计免费设计制作搞定平面设计在线设计平台Canva可画根据常见的平面设计类型准备了详尽的设计攻略,灵感文字、视频教程和模板推荐应有尽有。无需掌握设计技巧,也能做出精彩设计。https://www.canva.cn/create/
19.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/
20.谷歌出品免费HTML5网页开发制作工具与广告Banner动画设计软件谷歌最近发布了一个可视化的 HTML5 网页和广告的设计开发工具 Google Web Designer。它是完全免费的软件,借助它,用户可以很简单地创建HTML5与CSS3的互动式和响应式的网页和动画。 Google Web Designer 提供了所见即所得的设计环境,提供了设计与代码两种视图、可视化绘图工具及制作动画的时间轴、支持3D特效,它制作的网https://www.iplaysoft.com/google-web-designer.html
21.网页编辑软件有哪些网页编辑软件哪个好用超级网页设计器 2019-6-19 | 24131 其它网络软件简体中文 查看详情 推荐理由:超级网页设计器正式版是一款界面清晰美观的网页设计软件,超级网页设计器正式版采用了简单化的设计模式,其根据当前流行网站风格。用户无需专业的网页知识,就可设计出精美的网页,超简单。 https://www.mydown.com/ku/2258.shtml
22.发票界面网页ui界面设计软件发票界面网页UI设计软件详解发票界面网页ui界面设计软件是用于帮助企业快速实现金税发票管理的软件,提高工作效率,减少错误率,具有重要的意义。下面,本文将从不同维度对发票界面网页ui界面设计软件进行全面介绍。 相关标签推荐:#代账行业财务软件使用案例、#财务报表自动生成器、#外贸行业财务软件解决方案 https://h.chanjet.com/yxwz/a88c277147da3.html
23.创世下载站免费游戏软件资源创世下载站为广大用户提供一手的游戏软件下载资源,每天更新最新的游戏软件,拥有最全的国内外下载资源,同时为大家提供精品推荐,下载排行,手机游戏等内容,做用户最贴心最信赖的下载平台。https://www.cssmoban.com/
24.在线PSPS软件网页版,ps在线图片处理工具photopea稿定设计PS是一款专业精简的在线ps图片处理软件,免下载、免安装,直接在浏览器打开网页版就可随时随地用它修正,调整和美化您的图片。https://ps.gaoding.com/
25.AxureRPPro(网页原型设计软件)v7.0.0.3184绿色中文版(WIN10亲试Axure RP Pro是一款广泛应用于网页和移动应用原型设计的专业工具,尤其受到产品经理、交互设计师以及UI设计师的喜爱。这款软件以其强大的功能和易用性著称,可以帮助用户快速创建线框图、交互原型以及规格说明,大大提升了设计效率。 在标题中提到的v7.0.0.3184是Axure RP Pro的一个特定版本,它表明了该软件在发布时https://download.csdn.net/download/e_wsq/9262643
26.超实用!8款替代Dreamweaver的免费开源网页开发工具优设网我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的是它们也免费。如果你正在寻找Dreamweaver的替代品,下面这8款软件你应该优先尝试一下。注意,没有先后顺序,并不是第一位就是最好的。 网页设计好文: 《新手入行必备:网页设计师基本功》https://www.uisdc.com/8-dreamweaver-alternatives