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

努力,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.第1章网页制作的基础知识网页设计因此不对开发工具作特定要求,使用任意一款纯文本编辑器均可以进行网页内容的编写。这里介绍几款常用的网页开发工具软件:Adobe Dreamweaver, Sublime Text,NotePad++, EditPlus 和 HBuilder。(我自己用的是HBuilder) 3.切图软件 切图软件是对UI设计师设计出的效果图进行切图操作,也可以对网页的图片进行修改等处理。https://blog.csdn.net/2302_80528053/article/details/142078030
2.什么是交互式网页设计?超详细讲解!在了解过交互式网页的概念和设计原则后,我们再来聊一聊交互式网页的设计工具。这里本文为大家推荐的是一款原生中文 UI 设计工具 ——即时设计,即时设计是一款专门为国内设计师开发的设计软件 相比于外国设计工具,无论是操作还是习惯上都会更适合我们国内的设计师。除此之外,即时设计还开设了每周临摹、打卡星球等专门的https://js.design/special/article/interactive-web-design.html
3.网页设计制作试题及参考答案心得技巧网页制作【如果你想靠AI翻身,你先需要一个靠谱的工具!】 网页设计与制作试题 第一部分 选择题 一、单项选择题(本大题共20小题,每小题1分,共20分。在每小题的四个备选答案中,选出一个正确答案,并将正确答案的字母填在题干的括号内) 1.目前在Internet上应用最为广泛的服务是( ) https://www.jb51.net/web/7114.html
4.网站设计最近设计趋势,web3.0网页概念网站建设,网站设计,网页印刷设计的演变。onlinedesignteacher.com的版权 打印设计工具始终允许自由放置项目。设计师的创造力并不受限制。出版商的想法总是自由的。他们不必考虑HTML,CSS和移动设备。 打印设计公式: 自由定位+创造力=现代印刷设计 Pinterest上的打印设计 如今,许多出版商大幅减少印刷量并上线。打印页面成为Web上的网页。但这些网页https://www.shejiku.net/web30wygl.html
5.网页制作教学设计本课程突出网页设计与制作的现代特点,从Internet的基础知识入手,重点介绍HTML超文本标记语言,以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站,https://www.oh100.com/kaoshi/jiaoxuesheji/641716.html
6.2009年7月全国自主考试(网页设计与制作)真题自考2009年7月全国自主考试(网页设计与制作)真题及答案,历年真题 一、单项选择题 (本大题共25小题,每小题1分,共25分) 在每小题列出的四个备选项中只有一个选项是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.万维网作为互联网的一个子系统,已发展成一个Internet网点(Site)组https://www.educity.cn/zikao/28183.html
7.youxizi日志收藏youxizi的个人空间实现的方式,当然是通过简单的编程来调用错误日志里的信息,另外本文中还简单介绍了关于LoadRunner 工具使用的一些常用注意事项、脚本处理技巧和一些常用性能参数的分析及 性能测试 中机器瓶颈的定义和查看机器瓶颈的相关命令。 下面再具体的一一介绍。 2.性能测试脚本说明http://www.51testing.com/html/48/172348-type-blog-view-fav.html
8.网页制作教学设计1、制作网页的标题:输入文字,并设置文字的格式。 2、插入表格:单击“表格”中的“插入表格”并对表格属性进行设置。如:行、列的操作,对齐方式等。同时讲解什么是行,什么是列,以及单元格的概念。 3、修改表格:调整表格行高和列宽。 4、在学生学会插入表格的基础上,来设计网页,展示作品。并讲解在单元格中可以插入https://www.ruiwen.com/jiaoxuesheji/6417066.html
9.《界面设计》复习资料19.Sketch自带根据官方规范设计的IOS和Material Design组件库。20.Sketch专门为网页、移动端设计提供优化和支持。21.Sketch是一款能同时满足交互和视觉设计需求的工具。22.使用Sketch自带的Symbol可以很容易地在高、低保真原型图中进行切换。23.Sketch 对于团队说是一款效率很高的设计工具,意味着能快速推进团队创意到具体方https://www.wjx.cn/xz/260641939.aspx
10.101种最热门的EdTech工具界面·财经号Gimkit可以在任何教室中使用,用来介绍或回顾概念;它就像 Kahoot!(备注:一个游戏化学习平台)和Quizlet(备注:一个学习卡片工具,估值超过10亿美元)的结合。现场游戏是快节奏和吸引人的,像游戏表演。但当它被分配到独立练习,Gimkit允许学生自己复习许多相同的游戏机制。https://m.jiemian.com/article/4838337.html
11.中国掀起数字化浪潮,究竟什么是数字设计?2.1 网页设计 网页设计是数字设计最流行的化身,如今网站在企业中与图标一样普遍,网站充当主题或服务的中心,包含许多分支页面,用于信息、商业和商业、娱乐等等,数字化设计工具Pixso社区,内置了海量网页设计模板资源,并且所有资源都是免费可商用的,支持在线编辑,你可以随意改变组件样式、形状、位置,点击前往Pixso资源社区。https://pixso.cn/designskills/digital-design/
12.一个月超3万个GPTs!深扒全球Top50GPTs,谁是民间GPT王者?这是一个绘画工具,它可以根据用户的想法提供一些艺术灵感,或者生成具有想象力的图片。宇宙之梦同样由ChatGPT官方开发,访问量达到了322541。 GPT地址:https://chat.openai.com/g/g-FdMHL1sNo 9、可画(Canva):凭AI设计冲进ChatGPT包围 可画GPT由在线设计协作平台Canva提供,支持用户轻松地设计演示文稿、徽标、社交媒http://www.bianews.com/news/details?id=173450
13.常用的网页制作软件有哪些网站制作工具大全→MAIGOO知识网站模型设计工具 常用的网页制作软件有哪些 1、Dreamweaver 就目前来说,使用最多的静态网站的制作工具有dream weaver,软件直接搜索就可以找到并下载了。 经过重新设计的ui dream weaver更加的好用。 它默认支持代码模式和设计模式,也可以两种模式同时打开,方便即时的查看网页效果。 https://www.maigoo.com/goomai/189945.html
14.XaraWebDesigner破解版XaraWebDesigner+24.5.0Xara Web Designer Premium破解版是一款优秀的网页设计软件!使用旨在为用户提供给自由灵活的设计过程,最简单易学的Web创作工具,对于没有丰富的HTML或脚本语言经验的人士来说非常好用,也针对只希望以最简单的方式创建具有专业外观的网站的初学者,不提供编程工具,脚本编辑功能,甚至不提供 HTML视图。总的来说就是您无需了http://www.sd173.com/soft/9726.html
15.打造梦幻设计?看这25款优质渐变色网页就够了相比于真实的网页设计,概念设计更能体现设计师的奇思妙想,且能不受各种现实因素的局限,以更具创意性的方式将渐变色元素运用到网页设计中。以下是摹客小编为大家整理的来自设计社区——Dribbble上面的10大优秀渐变色网页设计。 16.Architecture Firm 除网页和app设计,渐变色已经被运用到各行各业,例如包装、服装、饰品等https://maimai.cn/article/detail?fid=1401878475&efid=9P6ASU9u3rVejoDSzQNuVg
16.交互设计:入门完全指南那些对交互设计感兴趣的人,这篇文章可以作为你很好的起点。为此,我们的内容会简要地包含交互设计的历史,指导原则,重要的贡献者以及和这个有趣领域相关的工具。即便你已经是一名交互设计师,你也可以读一读它,并在后面分享你的想法。 交互设计起源于网页和平面设计,但目前已然成为了一个独立的领域。远远不止文字和图片https://www.jianshu.com/p/f1ad273ef586
17.12个最佳的响应式网页设计教程,轻松带你入门!响应式设计完美的解决了这一难题,作为现在的网页设计师都应该了解响应式网页设计的原则。而对于刚步入网页设计的新手设计师,如果你还不了解什么是响应式设计?如何制作响应式页面?这篇文章为大家提供了12个基础的响应式网页设计的教程,结尾还附上了个人最喜欢的3款响应式网页设计的工具, 轻松带你入门。https://cloud.tencent.com/developer/article/1387498
18.网页设计的优秀助攻!20款不容错过的HTML5工具Google Web Designer是今年Google专门为网页开发者所发布的新工具,帮助设计师和开发者制作交互式的HTML5网页和广告。这是一个非常现代的所见即所得的恐惧,并不需要编写代码就可以实现功能,整个工具非常明显地是以设计为导向的。(毫无疑问此处应配备梯子) https://www.imooc.com/article/1271
19.概念图概念图在线制作AI生成概念图概念图模板Canva可画概念图制作工具简单易用,在线操作,同时有丰富的概念图模板可供选择,更有智能AI工具助你轻松完成概念图制作。https://www.canva.cn/graphs/concept-maps/
20.转发“浙江省教育技术中心关于举办第二十届全省中小学电脑制作作品应强调对艺术设计中图形、文字、色彩三大基本元素的综合表现能力。 存放格式为JPG、BMP等常用格式,大小建议不超过20MB。 单纯的电脑绘画、摄影和动态的视频、动画等不属于此项作品的范围。 (4)网页设计 使用网页制作工具编制的、阐释某个主题或传递某类专题信息的作品。 https://aj.zjer.cn/index.php?r=portal/content/view&id=2573469
21.高效快捷的专业网页原型设计工具墨刀新一代原型设计工具,支持一屏内完成网站页面原型设计、需求文档编写及团队成员协作,支持便捷绘制、拖拽交互、真实预览体验,提供海量素材及高效协作功能,轻松上手,不止于快。https://modao.cc/feature/webpage.html