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

努力,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.2024年度盘点!20个好用的免费网页设计工具目前网页设计使用什么工具市面上的网页设计工具繁多,对非专业人士来说,选择一款得心应手的工具无疑是个不小的挑战。但只要选对了,你的工作流程就会更加顺畅,工作效率也会显著提升。那么,什么样的网站设计工具才是你的最优选择呢?有三个标准:高效,省时省力,性价比高,最好免费。 https://blog.csdn.net/weixin_58359897/article/details/143776961
2.10款超赞的网页设计工具,每个开发者都该了解!在当今这个数字时代,无论是企业还是创作者,一个引人注目的在线存在感都至关重要。合适的网页设计工具可以简化创作过程,设计出既漂亮又易于使用的网站。 无论你是资深设计师还是刚刚开始设计之路,本文将介绍十款最佳网页设计工具,每一款都有其独特的功能和优势,帮助你实现你的设计梦想。从直观的设计软件到强大的原型制https://www.imooc.com/article/366622
3.网页的排版与布局报纸风格的网站布局会有一个完美的组织结构,这些都是内容丰富的网站,所以结构第一重要。网格和栅格是内容排版最佳工具。这是是事实,“精心设计的网格系统可以使您的设计不仅美观而且清晰实用(马克博尔顿)” 网格布局设计的页面会让你的内容突破条条框框,从而吸引用户阅读你的内容而不离开。 https://www.oh100.com/kaoshi/web/351064.html
4.网页6 设计要素 ? 整体布局: ? 信息 ? 速度 ? 图形和版面设计 ? 文字的可读性 ? 网页标题的可读性 ? 导航 ? 词语 7 总体内容 8 分类 ? 静态网页 ? 动态网页 9 保存技巧 ? 将网页保存为图片 ? 批量保存网页内容 10 分类 ? 静态页 ? 动态页 11 排版问题 12 设计工具 https://vibaike.com/2772/
5.网页设计论文在进行网页布局排版时,需要将页面整体上进行DIV分块。层叠样式表CSS示国际W3C标准化组织制定的一套完整的扩展样式标准,主要是为了在HTML的样式编排上对其功能进行补充,更好地完成网页设计的需要而制定的设计标准。CSS层叠样式表对HTML的标记属性的设定进行了扩充,可以使用Script程序功能来对其进行很好的控制,从而对网络的https://www.ruiwen.com/lunwen/6161857.html
6.精准设计:掌握8款领先App设计软件的技巧与窍门Sketch 是一款专属于 Mac 系统的界面设计软件,通过 Sketch 可完成 APP 界面设计中的图标设计工作,它提供了矢量绘图和矢量编辑功能,同时还有一些位图工具,可轻松完成图标设计。作为一款专为 Mac 用户设计的矢量绘图应用程序,也是被很多设计师所选择的原型界面设计软件,有丰富的界面设计功能,包括符号库、自动布局和多设备https://www.bilibili.com/read/cv36031217/
7.网页怎么排版,网页排版错乱怎么办网页排版是网页设计的重要组成部分,它不仅影响用户的阅读体验,也直接影响到网页的美观度和信息传递的效果,如果网页排版错乱,可能会导致用户无法快速找到他们需要的信息,甚至可能会对网站的整体形象产生负面影响,我们需要了解一些基本的网页排版原则和技巧,以确保我们的网页既美观又易于阅读。 https://www.kdun.com/ask/75563.html
8.深度解析:利用AI工具进行书排版设计的全面指南与实用技巧随着科技的不断发展人工智能技术在出版行业的应用越来越广泛其是书排版设计领域。本文将为您详细介绍怎样利用工具实书排版设计为您提供一份全面指南与实用技巧。 一、排版概述 1. 版面设计:依据书的尺寸和版式自动生成合适的版面布局。这一功能可以大大增进排版效率,节省人力成本。 https://www.yanggu.tv/webgov/aizhishi/126408.html
9.CDR2022精简网页版矢量插图工具介绍腾讯云开发者社区CDR2022精简网页版矢量插图工具介绍 CorelDRAW是用于创建高质量矢量插图、徽标设计和页面布局更直观的多功能图形应用程序。历经22个版本的变革、更新、改进和增强,CorelDRAW Graphic Suite 2022 的功能也变得更加全面且强大。 CDR广泛应用于印刷排版、矢量图形编辑 及网页设计等领域,与CDR一样用于设计常用的还有Photoshop, https://cloud.tencent.com/developer/article/2110038
10.cdr破解版安装教程CorelDRAW2023下载精简版windows版CDR2023破解版安装教程是专业矢量绘图设计软件,是广受欢迎平面设计软件。CorelDRAW2023破解版该矢量图形制作工具软件,这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。 CorelDRAW 2023 提供了一套完整的图形设计工具,涵盖矢量插图、布局、照片编辑等多个方面。这些工具不仅可以帮助设https://www.mac163.cn/archives/19409.html
11.以制作网页最简单的方法分享(快速入门网页制作)妙招大全学习基础的HTML语言是制作网页的第一步,它是网页内容的基础框架,了解标签与元素的含义和使用方式,能够让你更好地进行网页排版和布局。 3.使用CSS样式表美化网页——简单而强大的样式控制工具 CSS样式表是网页美化的关键,通过设置不同的样式属性和值,你可以自由地调整网页的颜色、字体、布局等,让网页更加吸引人。 https://www.gnzyw.com/article-24607-1.html
12.站长推荐:可随意拖拽的页面构建工具灵活免费从大量的字体系列集合中选择正确的字体,以尽可能简单的方式获得良好的排版效果。 重新设计的用户界面 以材质设计为核心,对页面工厂前端编辑器的布局进行了重新设计。现在您不必打开addons或row选项来修改内容。 每个样式都可以在侧边栏上完成。此外,我们还改进了后端编辑器的布局和用户体验。 http://www.360doc.com/content/20/0214/06/35329290_891865472.shtml
13.AffinityPublisher排版出版工具免费下载Affinity Publisher v1.8.4.648的简介:Affinity Publisher破解版是一款专业的桌面出版软件,被称为逆天排版神器。优秀的布局排版功能,丰富的组合设计和先进的设计工具,可以在短时间内排版内容,定制所有新的印刷前面板,减少出版错误,兼容EPS、PDF、SVG、PSD等文件格式。本链接分享的是Affinity Publisher中文破解版,已经集成了https://www.yutu.cn/popsoft_687.html
14.网页UI设计模型—布局样式传统上来说,网页设计用线条和高度结构化的布局来呈现信息。无边框样式让内容更加突出,但是需要注意保持视觉层次感。Apple 网站抛去了所有边框,链接全部以文字形式代替,用很清楚的视觉设计来表达内容关系。 要点: 1. 排版对无边框设计相当重要,尺寸、字号、颜色都能传递信息。Apple 在标题使用大文字,对二级描述用相对https://www.jianshu.com/p/44ff59a9ad19
15.网页设计布局(一):Z型布局网页设计中的响应式布局设计 在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型: 布局类型 布局实现 采用何种方式实现布局设计,也有不同的方式,这里基于页面的实现单位而言,分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局:以像素作为页面的基本单位,不管设https://www.pianshen.com/article/97341706263/
16.这几个图片排版工具免费使用!速看!今天本文就给大家推荐 3 款排版工具,分别是即时设计、Affinity Publisher 、和 AdobeInDesign,这 3 款图片排版工具可以帮助设计者更快速地完成图片排版任务,提高工作效率。通过使用图片排版工具,实现更精细的图片排版和布局设计。· 1、即时设计 即时设计是一款国内设计师都在用的图片排版工具,即时设计资源广场搜索图片https://js.design/special/article/picture-layout-tools-free.html
17.VI设计用什么软件:介绍适用于VI设计的常见软件工具Adobe InDesign是一款专业的排版软件,广泛应用于印刷、出版和设计行业。它具有强大的排版功能和灵活的页面布局工具,适用于创建各种类型的印刷品和数字出版物,包括杂志、报纸、书籍、宣传册、海报等。以下是InDesign的主要特点和优势: 1、高效的排版功能:InDesign提供了丰富的文本和图像处理工具,可以轻松实现精确的排版效https://www.rhtimes.com/brand/logo-design-news11263.html
18.疯狂的美工阿里巴巴版在线装修助手1688在线自由布局工具本站提供功能齐全效果多样的阿里巴巴(1688)店铺装修代码生成工具及阿里巴巴店铺装修方面的教程与经验,疯狂的美工团队将打造实用而且好用的阿里巴巴版美工助手,欢迎广大美工设计师前来使用与学习。http://ali.mgzxzs.com/author/1