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

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

优设文章 2018-06-05

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

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

优设文章 2018-04-23

内部教程!超详细的支付宝设计规范之交互篇

支付宝设计规范往期回顾:《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程!超详细的支付宝设计规范之配色篇》《内部教程!

优设文章 2018-04-13

内部教程!超详细的支付宝设计规范之版式篇

支付宝设计规范往期回顾:《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程!超详细的支付宝设计规范之配色篇》《内部教程!

优设文章 2018-04-11

腾讯实战经验!如何搭建有效的设计规范

从作为 UI/UX 设计师典范级入门教材的 Human Interface Guidelines 和 Android Design Guideline(已升级为 Material Design),到各个团队的业务都有自己的设计规范设计规范似乎越来越重要。甚至每做一个项目都会出一套新的规范,定义好设计原则,把项目中用到的字号/色值/按钮/输入框等全部整整齐齐罗列出来。可是,花这么多精力建立的设计规范是为了解决什...

优设文章 2018-04-10

内部教程!超详细的支付宝设计规范之线下字体篇

支付宝设计规范往期回顾:《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程!超详细的支付宝设计规范之配色篇》《内部教程!

优设文章 2018-04-10

内部教程!超详细的支付宝设计规范之线上字体篇

支付宝设计规范往期回顾:《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程!超详细的支付宝设计规范之配色篇》一、字体设计的价值文字是图像记忆的一种衍生方式,人们为了简明地表达事情、物品、人物等情景画面,而演变出的简明的记载方式。

优设文章 2018-04-09

内部教程!超详细的支付宝设计规范之配色篇

一、色彩 DNA 文档概述根据品牌多年来的设计沉淀以及目前业务的各个使用场景,我们对品牌色彩的DNA进行了重新的探索和定义。根据我们的五个关键词安全、便捷、专业、信赖、想象力,我们进行了其对应的色彩感知倾向。安全 – 中饱和度、中明度、偏冷的蓝色便捷 – 明亮的天空蓝、平静色绿色专业 – 深色系、低饱和度信赖 – 低明度、低饱和度,蓝色偏正蓝色想象力 –...

优设文章 2018-04-08

如何构建Web端设计规范之反馈类组件

Echo :本篇讲述的是 feedback 反馈类。反馈就是用户做了某项操作之后,系统给用户的一个响应。这个响应根据场景的不同会有不同的响应形式和不同作用。

优设文章 2018-04-08

内部教程!超详细的支付宝设计规范之图形图案篇

一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分,通过几何图形(矩形、圆形、三角形)的组合,造型鲜明,可以传递出支付宝品牌的安全感、信赖感和专业感;基础的几何图形通过不同的灵活组合,可以创造出千变万化的造型感,符合想象力的品牌调性;30° 角度给人以速度感,图案图形通过转角位30°倍数的原则做视觉处理可以...

优设文章 2018-04-06

设计规范限制了设计创造力吗?

任何设计规范都不能详细说明一个完整的用户界面。因此,根据定义,即使设计师致力于遵守适当的设计规范,仍然还会有很多设计工作 。通常,最重要的设计元素是那些不能由规范指定的元素,因为规范无法涉及所有细节。

优设文章 2018-03-11

高手经验总结!关于设计规范的一点理解

@冯铁 :在某平台上的一些回答整理,给一些刚入行的朋友看,没准有些帮助。设计规范的宏观意义是统一方便在大型体系下建立设计文化。辐射与传播设计思想(抽象的)更加容易。

优设文章 2018-01-19