欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

看起来很高大上的设计规范 看这篇就知道怎么用了!

发布时间:2017:03:19 15:02:22 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有938个文字,预计阅读时间3分钟
导语
什么是设计规范,设计规范到底有什么用?如何看懂设计规范?今天@Jaret_杰瑞特 结合实际工作中的体验,帮你快速上手

  什么是设计规范,设计规范到底有什么用?如何看懂设计规范?今天@Jaret_杰瑞特 结合实际工作中的体验,帮你快速上手设计规范。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  “设计规范”这个话题似乎在这1,2年里大家最常讨论到。基于智能设备的人机交互方式已经渐渐的走向成熟。在经历了最初大家一起一股脑儿摸爬滚打的时期之后;在进行越来越多、越来越频繁的UI/UX工作之后,许多方式方案开始慢慢沉淀,被认可,被整理出了一系列具有参考性及可沿用性的东西。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  大家对“设计规范”所起的作用多少都有些了解。时常听到的声音包括有:“让工程师能清晰的知道如何去实现还原设计”;“设计团队有新小伙伴加入时能尽快熟悉相关产品的属性环节,快速上手。”具有一种对内、对外兼具的作用。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  在网上一些设计交流共享平台上简单搜索了一下发现,绝大部分看到的“规范”都是类似这样的一种展示方式

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  大部分的规范我能清楚的明白设计控件的尺寸规格。对于前端的开发人员来说照着做是没有任何障碍的。

  但当想要通过“规范”去认识当前的产品;或期望通过“规范”来帮助我进一步获得一些认知时,我发现变得不再那么容易。似乎除了对于刻板标注的数字理解外,就不再有其他的任何信息了。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  回忆起我在学习阅读Material Design时的感受,我突然发现“设计规范”的大体可以归类为两大部分-“设计指南”和“设计规格”

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  “按钮”是最常见的一种控件。随着设计风格的不断更新,按钮的样式也在最近几年中出现了明显的变化。看似最简单,没什么可说的“按钮”或许有很多我们会忽略的地方。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  在Material Design中,“按钮”的“指南”部分先大致阐述了“按钮”主要的几个类别,以及各类别在整个产品环境中所使用的频次概率以金字塔的方式呈现出来。并提供了几个简单但典型的场景表述。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  以完整界面的正反例形式,补充之前提到的在场景中的使用方式。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  同样,苹果的iOS人机交互指南中也简单的大概描述了一些几个典型按钮的作用。(但和Material Design的指南比起来还是属于比较含糊和笼统的。)

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

  “设计规格”是我们大部分时候比较热衷和有“把握”的部分,毕竟设计师对于细节的追求有着一种与生俱来的天性。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  在“设计规格”中,Material Design把“规格”中的原则性也尽可能的表述了出来。比如建议(至少)的最小尺寸,按钮所属的文本属性等。

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

看起来很高大上的设计规范 看这篇就知道怎么用了!

  在看了很长一段时间也一直在反复学习大家都熟悉的Material Design之后,在我实际工作中,碰巧也看到了一份来自公司内部的设计规范。(由于属于公司业务,内容会以厚码呈现,请见谅)

  

看起来很高大上的设计规范 看这篇就知道怎么用了!

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:用一个实战案例 带你学习交互设计师的思考方式

下一篇:这10个关键点 让你的搜索结果页看起来足够专业

  • 18875 文章总数
  • 2193501访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信