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

努力,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.用户体验至上:9款软件界面设计工具分享软件设计工具即时设计——可实时在线编辑的专业设计工具 https://ad.js.design/online/ui/?source=csdn&plan=xy805即时设计作为一款专业的在线合作UI设计软件,可以实现视觉效果、互动效果、体验效果的一站式成型,为您的目标用户创造流畅的体验。 轻松绘制原型:借助即时设计社区设计资源和原型模板,开始敏捷高效的工作。与产品经理一https://blog.csdn.net/2301_79599164/article/details/140926262
2.Exocad设计软件工具介绍Exocad软件需要什么配置的电脑以上便是Exocad设计软件工具介绍,Exocad软件需要什么配置的电脑的内容。Exocad是领先的数字牙科设计软件,用于计算机辅助设计和制造。它具有直观的用户界面和完整的设计工具,可创建高质量的牙科修复方案。软件支持牙周组织模拟和虚拟试戴功能,以确保生物相容性和美观度。作为开放平台,它能与其他数字牙科设备和软件集成。更多有https://exocad.mairuan.com/jiqiao/exocad-kfkl.html
3.最全无代码NoCode和低代码LowBildr构建交互式网站的强大方式。界面就像一个设计工具(例如Figma)而不是标准的网站建设 uibakery:使用其可视化构建器构建前端UI组件,并导出格式良好的Angular代 BubbleVisual Web app builder。空间中的领导者。您可以使用Zeroqode的模板开始或使用他们的如何构建教程 https://www.tanmer.com/blog/707
4.?原型图用什么软件做?原型设计工具有哪些原型图设计是众多行业比较常见的设计方式,尤其是对于产品开发行业来说,为物品设计原型图,可和产品经理快速沟通,并把握产品的外观等等。对于那些行业内的人来讲,原型图用什么软件做比较好?常见的原型设计工具有哪些?下面就让小的给大家推荐几款。 原型设计是什么? https://www.xianjichina.com/special/detail_547152.html
5.怎么做软件界面设计?看了这篇文章你就知道了怎样能做出优秀的软件界面设计?有什么比较好用的软件界面设计工具?这些关于软件界面设计相关的问题,我们都会在本文中详细解答,希望能给各位带来一些实质性的帮助。 01什么是软件界面设计 02软件界面设计流程 03软件界面设计都需要注意什么 什么是软件界面设计https://modao.cc/design/software-interface-design.html
6.(精品)软件实习报告15篇1.3开发技术、环境与工具 技术:JSP、Java、JavaScript、jquery、ajax、HTML、CSS、struts、hibernate; 工具:MyEclipse、Tomcat、PS、Dreamweaver、notepad++。 2.软件设计 2.1系统架构 2.2关键模块流程 2.3数据库设计 2.4界面设计 采用当下流行的简约风格 登陆界面 https://www.unjs.com/fanwenku/500224.html
7.《界面设计》复习资料【注释】:第一章1.2.1 第3页 Sketch 是什么 37.从哪个功能可以体现出团队协作优势这一点,具体展开说明。 答:Sketch 并不仅仅满足于作为一个孤立设计师的生产力工具,而是想要打造更多设计师协同作业的可能,Sketch 47 Beta 版本中的 Libraries 功能更新透露了这一个信息。通过统一的Libraries,多名设计师可以直接https://www.wjx.cn/xz/260641939.aspx
8.axure是什么软件详细介绍axure原型工具Axure和Axure RP区别是什么? Axure RP是Axure软件的全称,二者实际上是同一款软件,Axure RP中的“RP”代表“Rapid Prototyping”(快速原型)。 Figma和Axure的区别是什么? Figma是一款基于云端的UI设计工具,支持实时协作,适合UI设计和界面设计。Axure则侧重于原型设计和交互逻辑,适合需要复杂交互和逻辑展示的项目。两者定https://www.bnocode.com/article/what-is-axure-soft.html
9.免费下载!腾讯设计师研发的视觉还原走查神器「他山石」取色:选择取色工具后,点击界面可以查看相应位置的颜色值(取色时放大局部)。 Sketch 一款专业界面设计软件,功能更精简,运行更快更轻便,使用 Sketch 走查个人用的很少,因为有时要操作还原界面图片,用 PS 会更符合我的个人习惯。 位置测量:选中目标图层后,通过属性面板查看。 https://www.uisdc.com/visual-reductive-deity-tashanshi
10.VI设计用什么软件:介绍适用于VI设计的常见软件工具CorelDRAW是一款强大的矢量图形设计软件,被广泛应用于VI设计中。其特点在于提供了丰富的绘图工具和效果,能够实现高质量的图形创作和编辑。CorelDRAW具有直观的用户界面和简洁的操作流程,使得用户能够快速上手并高效完成设计任务。该软件支持多种文件格式的导入和导出,方便与其他设计软件进行协作和交流。此外,CorelDRAW还提供了https://www.rhtimes.com/brand/logo-design-news11263.html
11.界面原型图用什么软件做最好?设计师必看!在数字产品的开发过程中,界面原型图是非常重要的工具。它不仅是设计师和开发团队交流的基础工具,也是从概念到实际产品转化的重要步骤。选择合适的原型图工具对于提升工作效率和项目质量至关重要。本文将为大家分享5款功能强大且热门好用的界面原型图软件,设计干货不可错过,快来看看吧! https://pixso.cn/designskills/interface-prototype-diagram-softwares/
12.用户界面设计原则用户界面是负责管理与用户之间的交互,向用户显示数据,从用户处获得数据,解释由用户操作所引发的事件,并帮助用户查看任务的进度。 (一)软件产品界面设计原则 1.设计原则 (1)用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度,视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这https://www.51cto.com/article/266392.html
13.MasterGoMasterGo 是一款能替代 Sketch、Figma、AdobeXD 甚至是 PS 的国产免费 UI / UX 矢量设计工具!它提供了产品界面设计、交互原型制作、网页/APP开发设计等功能,且支持团队协作。软件简单易上手,并能搭建“设计系统”,实现设计组件一键复用、一处修改全局同步等功能…… 推荐:Eagle 设计素材收集整理神器 「Sketch / PShttps://www.iplaysoft.com/mastergo.html
14.可视化设计工具可视化工具软件合集数据大屏工具PowerUI Designer(界面设计工具) PowerUI Designer是一款界面可视化开发工具,上海勇进软件研发出品。提供丰富的界面控件和界面控件外观主题,可通过拖拽快速完成界面的设计和搭建工作。目前绝大多数界面拼接模式都是采用自绘、贴图、编写大量代码的方式,对开发人员的要求过高,界面缺乏美感,种种因素成为目前开发的难点。PowerUIhttps://www.uipower.com/news/visualDesignTools.html
15.浅谈前端低代码开发,如何选择适合的前端低代码平台?前端低代码平台提供可视化的界面设计工具,使开发人员能够直观地设计页面和布局组件。 组件库 平台提供丰富的组件库,包括按钮、表单、表格等常用组件,开发人员可以直接拖放使用,无需手动编写代码。 数据集成 前端低代码平台允许将外部数据源集成到应用程序中,例如数据库、API接口等,以实现数据的读取和更新。 https://www.jiandaoyun.com/article/post/9063.html
16.手机界面设计是什么意思?详解手机UI设计原则尺寸规范及流程一、手机界面设计是什么意思 手机用户界面是用户与手机系统、应用交互的窗口,手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计。手机界面设计是个复杂的有不同学科参与的工程,其中最重要的两点的就是产品本身的UI设计和用户体验设计,只有将这两者完美融合才能打造出优秀的作品。 https://www.youhuaxing.cn/seojianzhan/17738.html
17.线框原型图绘制工具BalsamiqWireframes4.7.2x64中文汉化版摘要:Balsamiq Wireframes 中文版是一种用于创建原型和线框图的软件工具。它被设计用来帮助用户快速绘制应用程序、网页和其他界面的草图。使用 Balsamiq Wireframes,您可以通过拖放预定义的元素和组件来创建简单而直观的界面,并添加注释和互动效果以传达设计意图。该软件的目标是在早期阶段实现快速迭代和… http://www.dayanzai.me/balsamiq-wireframes.html
18.常用的软件设计工具有哪些?软件开发离不开好的软件制作工具,一款app软件的开发,需要经过原型规划、UI界面设计、前端开发、代码研发、后端开发、数据库开发、服务器配置、app测试这几个阶段。俗话说,工欲善其事必先利其器。开发一个软件,同样离不开一系列的软件设计工具。下面,就介绍一下目前app开发过程中使用频率较高的软件设计工具。 http://www.apppark.cn/t-37713.html
19.UI界面用什么工具来做?这5个必备1、即时设计 这是全篇唯一一个国内的 UI 设计工具,也正是因为它全中文的界面以及国内的网络部署器,所以我首推它。「即时设计」的稳定性几乎是国外软件没有的,特别适合我们国内设计师使用。 虽然它是一个在线工具,但是基本的 UI 设计功能它都可以满足,这里就不过多进行介绍啦~不过,「资源广场」内含有上万种专业https://js.design/special/article/what-tools-for-ui-interface.html
20.基于MatlabGUI的模拟带通滤波器的设计AET也有许多公司开发了相关的滤波器设计软件,如 AnsoftDesigner,Filterlab等,但是它们大多数使用起来不容易上手,而且价格比较昂贵。Matlab中的图形界面编程环境GUIDE为用户开发软件界面提供了强有力的工具。在图形界面编程环境GUIDE下,设计好滤波器的设计工具界面后,对界面上各个控件的回调函数进行编写就能设计出交互式滤波器的http://www.chinaaet.com/article/60501
21.界面原型图是什么?该怎么画?界面原型图可以简单理解为根据需求分析阶段的要求构建出可用的产品界面,常用于项目初期或精细化阶段。可以帮助设计师将抽象的界面具体地展现,辅助设计;帮助开发工程师了解界面在系统中的作用,辅助开发;辅助产品测试员制定产品测试计划;作为产品经理、设计师、开发工程https://www.liuchengtu.com/tutorial/jiemianyuanxingtushishenme.html