案例实战!淘宝总监教你打造一份用得上的设计规范

编者按:如何制作出一份对设计师、产品经理、程序员都有价值的设计规范?今天奇维(手淘设计总监)用淘宝2015的规范优化实战案例,结合之前在腾讯CDC经历过的雅虎、QQ、金蝶等设计规范,给同学们聊聊他所理解的规范,以及如何完成一套产品性质的规范,全文高能干货,收!奇维(手淘客户端设计总监):别人常问我的花名是什么意思,是否期望具备奇特思维?

优设文章 2015-11-26

设计规范如何写?这20个精选案例让你大开眼界

@周莜视界 :作为一篇干货贴,必须来点镇楼的。如下为规范汇总页,里面囊括了许多大家熟知品牌的规范,全文共有四部分,分为品牌规范、设计语言规范、产品规范、前端规范,每一部分都有对应的典型案例供学习,绝对值得收藏!1.Brand Style Guide ExamplesBrand Style Guide Examples, Hand-picked by Saijo George从中大致可以总结出规范的分类:品牌类(VI)一般以产品宣传手册形式呈现,帮助塑造企业形象。

优设文章 2015-10-30

实用必收!如何建立一套UI设计规范?(附众多神器)

编者按:最值得收藏的UI设计干货!今天这篇从概念、灵感,方法及工具3个方面帮同学们理清UI设计规范,同时有一大波神器推荐 >>>作者追波:https://dribbble.com/fiohistory概念,灵感,方法和工具。概念:设计互联网产品,Style Guide / Pattern Library 和纯粹的 Specification 各具不同功能和作用,却都含“设计规范”的概念。

优设文章 2015-05-04

学霸的自学笔记!Material Design设计规范学习心得

编者按:自学笔记就该这么做!今天分享@東門王三 同学关于Material Design的自学成果,他的学习笔记严谨有序,触类旁通,从Material Design到其他系统的设计规范都有所研究,还认真地做了思维导图,同学们可以边学习边借鉴他的自学方法,一举两得呦。自学的一大重点就是读书,推荐同学们看一下华为设计总监的经验:《华为设计总监尤原庆:怎样读设计书》想读好书的同学,可直接到:设计师图书导航 挑选。

优设文章 2014-10-28

一针见血!UI设计师必学的设计规范要点总结

编者按:什么是设计规范设计规范哪些要点值得关注?今天分享一篇台湾设计师@Akane_Lee  老师的好文,列出了她对设计规范的要点总结,能帮助设计师们变得更加专业,有志于UI设计的同学,现在就该行动咯。

优设文章 2014-10-03

设计师福音!Google可能推出全新设计规范Quantum Paper

今年有许多均针对 Google I/O 开发者大会的「内部消息」和谣言传出。这些「内部消息」的覆盖范围极广,从 Gmail 界面到Android设备的主屏幕无一幸免。我们已经看到了一些非常有趣的设计,而且很多有别于传统 Android 应用程序设计。

优设文章 2014-06-24

顶级文档!12个值得学习的知名品牌设计规范指南

着迷于VI、Logo与排版设计的设计师,应该能从那些大品牌的设计风格指南中获取许多启发。的确,这些知名品牌的设计风格指南都是经过反复修改,精雕细琢之后方才成型,它们存在的目的,是确保品牌在使用过程中风格和样式能高度统一以至品牌不被稀释。毫无疑问,它们涉及到了特色鲜明的标志设计,明确的排版样式说明,更重要的是,它向我们展示了一个品牌的设计风格和视觉形象是如何系统化地组织到一起的。

优设文章 2014-06-14

超实用!19条Android平台设计规范

今天@亚茹有李 妹子整理了19条Android平台的设计规范,尺寸+组成元素+字体+操作栏+多面板布局+触摸与反馈+按钮+滑块+开关+对话框+通知栏。细节很到位,希望对做App设计的同学有帮助 :)最近一组很火的设计:《帅呆了!一组令人愉悦的APP动效设计》1、尺寸以及分辨率:Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*80...

优设文章 2014-04-10

经验分享:iOS平台设计规范

@亚茹有李 : 此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范,有志于App设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。相关好文推荐:《PS教程:创建iOS7风格的倒数计时器》《手把手教!用PS设计一枚iOS 7风格日记图标》《交互设计师修炼指南!

优设文章 2014-03-21

超赞!能帮你制作简单设计规范文档的PS扩展插件:INK

今天我们将介绍一个文档信息相关的Photoshop扩展插件,该插件快速生成图形图层的相关信息(如下图)。扩展是免费使用的,目前只兼容Photoshop CS6/CC版本,下面设计达人网编辑是使用CS6来做教程。省时省力好资源:15个为你设计工作提速的PS插件高端干货!

优设文章 2014-02-24

Android和iOS有哪些设计差异点?来看高手总结的7个不同!

由于设计师、产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照iOS的规范进行设计,两端只做一套。只做一套的会存在两个问题:安卓用户的使用习惯不太适应iOS的设计,导致使用时遇到阻碍,任务流程失败率变高。如果设计师或者产品经理有的异常场景状态没有想到,导致安卓开发没有组件调用,为了省事就直接调用安卓自带组件,导致整个产品在视觉风格上面既有产品风格的组件又有安卓...

优设文章 2020-09-22

万字干货!超全面的B端设计指南:图标篇

目前我主要深耕于B端设计中,深知B端图标设计与C端有很大的不同,无论是应用的场景、设计的理念,都有非常大的差异,而现在网上有不少关于C端图标如何图标绘制的文章,对于B端的方向少之又少,因此我们今天就来聊聊图标,聊聊B端图标究竟应该如何设计。往期回顾:[link https://www.uisdc.com/b-pop-up-design][link https://www.uisdc.com/b-end-button-design-guide]在我们的设计元素中由 色彩 color、文字 font、图标 icon、图形 shape...

优设文章 2020-09-17