2024年ui网页按钮设计规范 篇1
ui设计课程
第一阶段设计基础课：
软件、美术基础篇
Photoshop软件基础、Illustrator软件基础、美术基础、数位板操作
设计基础篇
平面构成、立体构成、色彩构成、图形创意、版式设计、品牌设计
第二阶段互联网插画设计课：
插画基础篇
构图方式、互联网插画特点与常见风格、简易夸张造型、互联网插画使用场景、人体比例关系、不同使用场景的配色技巧、几何造型法讲解、互联网教育类企业造型特点
插画进阶篇
扁平风格插画、肌理插画、插画闪屏页设计、Doodle 描边风格插画、伪3D插画、矢量插画
第三阶段互联网运营设计课：
运营基础篇
banner设计、字体设计、裂变海报设计、运营长图排版
运营提升篇
运营设计思维、活动主KV设计、运营设计延展规范、活动专题页设计、公司设计中台系统与组件化概念
第四阶段C4D三维制作课：
C4D建模篇
C4D常用工具介绍、多边形建模、曲线建模、角色建模、骨骼绑定与动态调整、灯光材质
辅助软件篇
OC渲染器、阿诺德渲染器、Marvelous Designer布料制作
第五阶段UI设计基础课：
UI设计基础篇
Sketch软件与常用插件、icon设计规范与制作方法、iOS系统规范、Android系统规范、网站类型介绍、网站页面设计规范
UI设计进阶篇
交互导航范式、界面布局与层级关系、卡片流与组件化概念、首页、详情页、个人中心、为空页面设计
第六阶段Workshop实战项目：
UXD篇
产品设计与服务设计概念、用户体验设计方法
Workshop项目篇
产品设计流程、分小组项目合作、交互手势与文档规范、Principle交互动效制作、产品汇报
第七阶段 就业指导课：
作品集篇
阶段作品完善与包装规范、作品集封面设计设定作品集视觉规范
面试指导篇
简历制作标准、面试流程与经验分享、表达能力训练、模拟面试
2024年ui网页按钮设计规范 篇2
我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
在创业公司做着一位独立设计师，说好听点是独立设计师，难听点，就是唯一的设计师。创业型公司，UI UE你要全包。但是我还是很有追求的在每个版本改版之后，更新设计规范。我的设计规范没有大公司那么高大上，只包含了字体选用，配色运用，ui kit这些东西。
很多设计师做这个设计规范，纯粹只有两个原因：
1、要设计的界面太多了，而且产品迭代很快，来不及一个个界面标注重复性的东西，于是我就出一个字体运用规范，让开发看一个文档就好了。有个设计文档和UI设计规范，可以减少很多设计与开发之间的沟通。
后来给开发团队引进了zeplin，安卓小伙伴持续用着，ios开发，一直看着我的sketch源文件，在我教会开发sketch后，我连字体规范都少写了很多。
2、把这些东西一个版本的整理迭代好了，哪天来一场说走就走的旅行，没有交接成本，即使公司找不到设计师，开发哥哥直接用这个规范，就可以分分钟上岗党设计师了。直接甩这个规范的sketch源文件就可以了。
移动端一套完整的UI设计师也就是包含8个方面：
1、标准色
2、标准字
3、图标
4、 按钮
5、公共控件
6、模块
7、布局
8、APP效果展示图
换句话说就是
配色 字体 排版 布局 按钮 表单 提示框、标记、标签
弹窗、提示框 图片尺寸（banner、模块图片、头像图片）等元素进行规范整理。
也就是每一位APP设计师都会经历的一个过程。也是APP设计师学习和进步的过程
2024年ui网页按钮设计规范 篇3
5分钟快速了解UI设计规范
每位UI设计师，想必都有一套属于自己的设计规范，今天我就来教大家在5分钟快速建立一套自己的设计规范。
我今天讲苹果版本的（尺寸：750*1334），因为现在很多的设计师就做一套UI图，安卓版本的基本就已经省略掉了，原因很简单，是的没错，就是节约时间哈。底部栏与顶部栏的规范
下面第一张图是底部栏的设计规范，第二张图是加图标展示，底部栏高度为49px，在我以往的设计工作经验中，常见的分为3种情况，3个图标、4个图标的、5个图标的，不管是那种我们应该按照规范来，这样前段在开发时就会比较方便，按照几等分（n/375），底部的图标我习惯用28*28px（尺寸：375*667，最后导两倍的图给前段开发），底部文字都用10px。
底部栏
接下来我们看第三张顶部栏的设计规范图，顶部栏的高度一般为64px，标题文字我喜欢使用18px,不过还是要看自己的设计风格。
顶部栏
字号与字色的规范
字号的大小使用也是非常的重要，之前我的一个客户，希望我能够把字体设计大些，他的原因是字号越大会体现一个企业的大气感，其实这样往往适得其反。
你们一般在进行设计时，会使用几号字体呢？正文我最喜欢用的是14号、16号，我已经把我经常用的字号整理出来了，大家可以看下面的图哦。
字号
字色
两侧间距及模块上下间距的规范
在设计时，我们有必要两侧留间距，常见的有14px、16px、24px，上下间距常用10px,在开始做UI图的时候，最好确定好一个值，在后面设计其他页面的时候，都可以用同一个值，保证自己设计的风格，不会让人误以为随便留的。
两侧间距
模块上下间距
按钮及模块高度
按钮是UI设计中最常用的一个元素，几乎每个项目都会有它的出现，在不同的UI设计中，Button本身会根据主体风格制作，不同大小的按钮样式会有所不同，下面是我画出来的几种常用的按钮大小。
按钮
模块高度
图标及辅助线的规范
在画图标的时候，务必将图标限制在正方形中并创建为组件，这样既方便以后修改也方便开发。图标
16*16:非可单独点击；22*22:最小可单独点击按钮；24*24：表单小图标；28*28:底部标签栏，其他的视情况而定。
辅助线
UI设计中我们看见的辅助线一般分为两种：投影型、画线，我个人认为投影型是非常实用的，看起来不会那么死板，而且有一个好处，可以确定文案的位置，保证了设计的规范性，细节可以让整体看起来更完美。
图片、视频大小的规范
图片常用的比例为1:1、2:1、4:3；视频常为16:9，这里我讲的是我平常经常会用着的尺寸，还有其他的情况就个人而定哦！
总结：我们在平常的设计中只要能够把握这些设计的规范，对你所做的产品足够了解，就能高效的设计好的作品啦，唯有坚持，方能不负所爱，加油！
打字不易，欢迎点赞及评论，说说你们在UI设计中常用的规范是什么？
点击头像关注我，私信回复007，免费获得UI设计相关规范源文件，谢谢支持！