超实用!UI设计规范完全制作指南

文章从建立设计规范的原因、设计规范的适用范围,以及设计规范的制作流程,全方位解答UI设计规范的问题。这篇的基础部分我做的比较详细,组件部分写的有些概括,主要是因为组件部分不是通用的,要根据自己的稿子进行整理和归纳,归纳好之后做好标注和规范说明即可,这部分是一个罗列的内容,所以就不必展开了。当然还有很多内容没有展开说,比如在Sketch 里面把KIT 制作成Libraries 统一使用,但是我想作为一篇设计规范入门教程目前应该足够了,这篇文章高度现在有3W像素,实在有些长了,更多的内容我在后续幵新文去补充吧。

优设文章 2019-03-06

上万字干货!超全面的网页设计规范:文字篇

文字是界面设计中最基本的构成之一,如何定义网页设计中的文字系统?可大体分为三步:系统全面地了解文字的基础知识、显示方式、影响因素及当前网页设计中适合的文字系统;梳理出自己团队所有产品文字使用情况;综合第1步、第2步总结出适合团队业务的文字系统。注:网页设计规范色彩篇马上会发布在优设V+会员专栏,想获得整个网页设计规范系列干货的同学,请右戳 → https://www.uisdc.com/uisdc-vip字符屏幕显示原理  1. 字符字符是指计算机中使用的字母、数字、标点符号等等。

优设文章 2019-02-28

Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?

这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容,你需要对以下知识点有一定的了解(部分内容已附注释)。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时,许多图层拥有相同的文本属性。

优设文章 2018-12-24

超详细!手把手教你制作设计规范

橙子的橙子:什么样的规范是适合小公司的我们呢?又是什么样的规范能够真正节省团队时间、提高工作效率的呢?把自己踩过的坑总结记录一下,希望在写给自己的同时也能够帮助大家。

优设文章 2018-10-19

如果你不熟悉iPhone 设计规范,请一口吃下这篇干货!

编者按:iPhone 设计规范是每个设计师都应该学会的基础知识,无论你是新手老手,看完本文一定能彻底理解iPhone 设计规范!一、iPhone的历史每次苹果发布会 UI设计师可能是最睡不着觉的人啦。每次发布会苹果推出全新 iPhone 时,我们在 iPhone 平台上的 APP应用程序必须跟随 iPhone 的尺寸、规范等特性调整设计稿。

优设文章 2018-10-15

如何设计规范的原型图? 来看高手总结的方法!

首先需要了解交互稿和原型图的联系与区别:按照常规的工作流程,交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图,这些都可以归纳到交互设计文档中。因此原型图只是交互稿的一部分,本文将铺开阐述设计规范的原型图应该注意哪些。原型图设计遵循的首要原则是:在满足将产品需求转化为界面功能需求的同时,尽可能的维持原型图的美观简洁,人类始终向往和追求一切美好的事物,即便是黑白的世界,一样会...

优设文章 2018-09-07

一看就懂!详解大厂UI设计规范制作步骤

上篇《超全UI设计规范,带你了解规范设计全流程》分享了为什么需要设计语言以及设计语言包含了哪些内容。简单回顾下,为什么需要设计语言?对内,保证设计团队的一致性,给用户的体验一致性,提升设计效率;对外,统一品牌符号,有助于加深产品在用户心中的印象。

优设文章 2018-07-28

超全UI设计规范,带你了解规范设计全流程

今天分享给大家的是如何定义一套设计语言。设计语言,貌似很火的一个词,无论是国内大的团队还是小的团队,都需要做设计规范,好像没有就不够专业,UED 的价值就不够高,关于设计语言的参考也特别多,最出名的莫过于苹果和谷歌,也是设计语言的鼻祖。一、为什么需要设计语言1. 对内上图,应该是很多设计团队都遇见的情况,一个按钮很多尺寸,颜色,大小,有时候我们已经有了规范,但是由于业务方各种要求,要个性化,要不一样,导致整个 ...

优设文章 2018-07-28

如何从0到1建立设计规范?来看腾讯设计师的总结!

从一开始的立项到现在落地上线,可以说是从零开始进行 APP 全部细节的梳理并且规定规范,这一路走过来还是能总结出很多心得,本文将分为3个部分,阐述如何从0到1建立设计规范。目录如何确定内容,规范里要写什么如何写如何推动规范落地一、如何确定内容?这里我总结了三步:1. 确定目标用户、用户目标、设计目标根据不同的用途和目标,不同的团队对设计规范的制定是不一样。

优设文章 2018-07-06

如何遵守设计规范?我总结了这四个层次

@龙爪槐守望者 :熟练掌握 iOS、Android 设计规范是一个设计师必备的工作技能,几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候,首先应当思考的是这件事情能带来什么收益,然后再去决定做不做和怎么做。一、两个角度我从两个角度来看遵守设计规范带来的收益。

优设文章 2018-07-01

超全面的移动端UI 设计规范整理汇总

很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立...

优设文章 2018-06-05

如何构建 Web 端设计规范之文本与选择器

Echo :根据组件的用途,可以分为六大类,Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。表单在网页中主要负责数据采集功能;用户需要填写输入数据并且提交到数据库,则这种组件就是表单类。本文主要讲解表单中的文本和选择器,其中文本分为 input 短文本、InputAutocomplete 短文本联想和 InputMultiline 长文本。

优设文章 2018-04-23