UI设计规范手册

所谓规范是由ui设计升华而来。是对成一定数量的可复用设计或者多设计师协作的设计项目进行量化和约束的东西。从视觉的角度来说,实际上就是一个素材库。产品有什么样的视觉呈现和元素定义,都有可遵循的标准,保证日后的迭代可以延续产品所传递的思想和价值,最大限度保证了产品的一致性。

操作方法

  • 01

    具体的UI设计规范分为三种类型,现在跟着优逸客一起来看。 操作系统平台的设计规范 到公司的设计规范 某个产品的UI设计规范

  • 02

    一:平台(系统)规范,主要对于其平台内生态的设计指南。 二:公司规范,主要是公司品牌logo、产品主色调、图标库、字体库等。如360采用绿色作为主色调,腾讯则采用蓝色作为主色调 等。 三:产品规范,主要是产品设计和实现层面的方案,也是最常用到的,Web 和APP产品居多,产品规范需要基于平台和公司规范基础上参考制作,

  • 03

    具体包括: 1、产品 Logo 及相关物料规范; 2、字体排版(Typography),即产品界面版式设计; 3、颜色(Color)规范,产品主要的颜色库; 4、控件规范,如产品按钮、弹出框、标题栏、Tab、菜单等控件规范;

  • 04

    需要指出的是,UI设计规范虽是约定俗成,当并非一成不变,千篇一律。互联网发展太快,变化太快,只有不断的修正更改完善,才能使规范符合当前潮流,具备生命活力。

(0)

相关推荐

  • 微信小程序设计指南 微信小程序ui设计规范汇总

    微信小程序ui设计规范汇总: 微信小程序是一种全新的应用形态,微信小程序平台不需要下载安装即可使用应用的平台,微信小程序实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用. 也体现了“用完 ...

  • 24K纯干货!如何建立一套 UI 设计规范?

    小编:最值得的UI设计干货!今天这篇从概念.灵感,方法及工具3个方面帮同学们理清UI设计规范,同时有一大波神器推荐 >>> 作者追波: 概念,灵感,方法和工具. 设计互联网产品,St ...

  • 超全面的UI设计规范整理汇总(包含iPhone X适配)

    写在前面 很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意.本文整理汇总 ...

  • Iphone6 plus UI设计规范

    为什么要写iphone6 plusUI设计规范呢?只需要动动手指就能搜出一堆UI设计规范来呀?以前我们都是按照iphone6来设计的,但是当我看了京东的手机市场,以及周围朋友使用的手机屏幕,再加上ip ...

  • 一步步教你建立UI设计规范!

    设计师在开始设计之前都需要确定好设计的规范,才能高效率完成设计.那如何建立设计规范呢?该文系统的梳理了建立设计规范应该要注意的细节问题以及设计规范对设计的好处.处于新手阶段的设计师们可以Mark下来, ...

  • 【干货】超全UI设计规范全流程

    今天分享给大家的是如何定义一套设计语言.设计语言,貌似很火的一个词,无论是国内大的团队还是小的团队,都需要做设计规范,好像没有就不够专业,UED的价值就不够高,关于设计语言的参考也特别多,最出名的莫过 ...

  • IOS UI设计规范是什么

    在现在的互联网行业中,有一个职业叫做UI设计师,UI的日常工作就是保证高保真设计稿的设计,对于IOS以及Android来说都是有不同的设计规范的,下面我们一起来了解一下IOS UI的设计规范. 操作方 ...

  • 安卓UI设计系列知识(一)(设计经验谈)

    搜集了很多朋友的问题,有一个比较明显的问题是现在网络上没有相关的教程or说明,书店里卖的相关书籍不是大篇大段的讲photoshop的使用技巧,就是讲一些宏观的问题,所以看到上次的帖子,很是有效. 打算 ...

  • 最佳设计规范20例

    作为UI设计师,整理设计规范也是设计能力的一种体现.所以,无论是自己设计创作的阶段还是和程序员沟通推动产品开发阶段,你的设计规范是否完善,对产品的质量起着决定性的关键作用. 在UI设计的过程中,设计规 ...