前言

设计是自己的一个爱好，平时看了许多相关的内容，做了许多功课，到现在也有了一些成果。介于自己的并非专业人员，我没有将自己这些年做设计的经验分享出来。但是一直将自学的知识藏在心里，不与人交流，是始终没有办法进步的。今后我会把自己设计相关的经验分享出来，与大家一同探讨，也希望我的这些经验可以给设计小白带来一些帮助。

这里推荐大家一本书：《写给大家看的设计书》，写的很不错，属于必读书籍的那类了。

精炼

这里给0基础设计小白最简单同时最实用的建议。

对齐

哪怕什么设计都不会，只要对齐做好，设计稿质量上升一个台阶。

重复

设计稿中出现的元素可以刻意使用相同或相似的样式，保证设计稿的风格统一。例如：布局使用卡片风格就都是用卡片风格。页边距使用相同的大小，元素间距使用相同的大小。字体大小统一几种固定大小，标题固定一种大小，正常字体固定一种大小之类。

详尽

设计归根结底就是在保证用户体验的同时熟练应用四个基础原则，所以成功的设计师需要丰富的经验积累，在积累经验之前，先把四大基本原则学会吧！

设计的四个基础原则简介

亲密性原则

通俗讲就是讲相似或者通源的元素分到一组（放在一起），这样他们就会形成一个视觉单元。这样有助于组织信息，减少混乱，为读者提供清晰的结构。

对齐原则

任何元素都不能随意摆放，每个元素都应该与画面上的另一个元素对齐，建立视觉联系。这样有助于简历清晰、精巧而清爽的画面。

重复原则

让设计中的视觉要素在整个画面中重复出现，可以重复颜色、形状、材质、空间（边距和宽高）、字体样式等等。这样可以增加画面的条理性和统一性。

对比原则

对比相较于前面的三个原则略有不同，它的目的是打破画面的一体性，使画面中的某个元素跳脱出来，属于画蛇点睛之举。对比的基本思想是，避免页面上的元素太过相似。如果对某一个元素使用对比原则而改变了它的样式（字体、颜色、大小、形状、空间（边距和宽高）），那就干脆让它截然不同。这样做可以使画面引人注目，充满活力。

【UI】关于如何画设计稿（基础篇）相关推荐

html还原ui,前端高度还原设计稿（字体篇）
前言: 以前前端都是拿到psd设计图,需要自己用ps切图,需要自己在psd上面一个个去量设计的大小和间距,而现在一般都是要求设计师把设计稿直接上传到蓝湖上面,通过蓝湖的标注来写出前端代码!下面我就前端 ...
GPT-4 手画设计稿直接生成前端页面
1.演讲者直接手画了一个设计稿 2.输入指令:用html/js把这个原型稿变成彩色网站,填充 2 条真实的笑话 3. 网站代码自动生成不少所谓的大V在朋友圈噱头喊着前端要失业XX,其实本质上对事物的 ...
自定义View时，用到Paint Canvas的一些温故，讲讲平时一些效果是怎么画的（基础篇一）...
转载请注明出处王亟亟的大牛之路之前也有一个类似于画板的操作,但是不够详细,这边先补上链接,有兴趣的小伙伴可以看看http://blog.csdn.net/ddwhan0123/article/det ...
自定义View时，用到Paint Canvas的一些温故，讲讲平时一些效果是怎么画的（基础篇二，图像遮盖，Canvas静态变化）
转载请注明出处:王亟亟的大牛之路上一篇把简单的一些概念理一理,还画了个圈,那这一篇讲一下图像遮盖"Xfermode"和Canvas的旋转.平移等效果 Xfermode: Avoi ...
人工智能浪潮下的语音交互——VUI设计（基础篇）
https://www.toutiao.com/a6642089383191118350/ 2019-01-03 10:19:06 摘要:本文内容一部分来源于阿里设计师王一行翻译的<语音用户界面 ...
cad常用字体包_水利设计CAD基础篇（一）
一.快速入门 1. 制作属于自己的样板,不用再设置图形界限.单位.图层等相关属性. 一个属于自己的样板包括:单位精度,常用图框A3.A2.A1等,常用图层,注释样式(标注.文字.表格和引线),线型.常 ...
【Android UI】ListView系列一（基础篇）
----–ListView基础 ListView是一个用于显示滚动的列表项的视图组.listview通过一个适配器adapter将数据以列表的形式展示出来.listview可以说是Android应用层 ...
嵌入式平台音频播放器设计（基础篇）
一.目的相信不少同学都见过以前那种很小的MP3播放器(暴露年龄),高级一点的还带一个小的单色液晶屏,想必理工科男都想自己设计一款这样的一款播放器. 那么如何才能设计实现一个简单的音乐播放器呢? 本文 ...
Altera FPGA／CPLD设计基础篇+高级篇（附随书光盘）
获取方法: 微信公众号:OpenFPGA 后台回复 Altera设计基础篇介绍 <Altera FPGA/CPLD设计(基础篇)>是王诚.蔡海宁.吴继华编著的一本图书.该书可作为高等 ...
sketch android设计,安卓手机预览sketch设计稿的偏方
在Android和iOS都使用同一套设计风格的情况下.我见过很大部分的视觉设计师,都喜欢并擅长从iOS端开始设计工作. Android和iOS的交互方式大大不同,设计风格也各有千秋.甚至在某一个官方设 ...

【UI】关于如何画设计稿（基础篇）

文章目录

前言

精炼

对齐

重复

详尽