📘 平板尺寸:为平板设备量身定制的设计尺寸,让你的应用在平板上也能完美展示。 🍏 苹果手表:针对苹果手表的设计尺寸,让你的应用在智能手表上也能大放异彩。 🖼️ 界面布局:提供各种界面布局的尺寸规范,让你的设计更加专业。 🖋️ 图标尺寸:详细的图标设计尺寸,让你的图标既美观又符合规范。 🔍 字体...
组件是用于UI设计和开发的一种很好的办法,使用较少的可重用的组件,更好地实现一致性。 Uber、Pinterest、Airbnb、Walmart、Atlasssian等公司都通过基于组件的设计规范实现UI的一致性。 Airbnb的设计工作室在构建他们的设计规范时坚持了这种理念:“我们的设计应该是统一的平台,通过定义明确和可重用的组件来提高效率”。
《如何从零构建UI组件及设计规范》共分为5个系列，分别为《一：介绍篇》、《二：设计原则》、《三：全局样式》、《四：基础组件》、《五：通用模版》本篇介绍涉及全局样式的最基础构成元素，基础样式的使用及规则内容，它是定义设计规范中的最基础条件，决定了整个产品的风格及调性。Color 颜色Font 字体Icon 图标S...
1. 表单布局分类 F模式:是浏览不受容器限制(例如表单页设计)的一种设计方法。用户将逐行浏览内容,最后达到决定性按钮。基础表单和步骤表单采用此设计。 Z模式:用户浏览信息内容会受限容器(例如弹窗)的设计,视觉引导是从左上角开始往右下侧结尾。卡片表单和标签页表单采用此设计。 2. 最基础表单 快速完成一个简单的...
组件是用于UI设计和开发的一种很好的办法,使用较少的可重用的组件,更好地实现一致性。 Uber、Pinterest、Airbnb、Walmart、Atlasssian等公司都通过基于组件的设计规范实现UI的一致性。 Airbnb的设计工作室在构建他们的设计规范时坚持了这种理念:“我们的设计应该是统一的平台,通过定义明确和可重用的组件来提高效率”。
《如何从零构建UI组件及设计规范》共分为5个系列，分别为《一：介绍篇》、《二：设计原则》、《三：全局样式》、《四：基础组件》、《五：通用模版》。一、产品体验原则 要有 → 高效 → 易用 → 美观。要有是基础的体验，有总比没有的要好；然后是使用效率，效率得到提升后，再然后就是需要好用容易使用...
《如何从零构建UI组件及设计规范》共分为5个系列,分别为:介绍篇、设计原则、全局样式、基础组件、通用模版。本篇介绍了九曳供应链平台经常使用到的22个组件,总结了平台对于这些组件的定义、组成、使用规则、使用场景及注意事项,以及产品在设计时所要遵循的规范。 Ps.
以下8类UI设计组件的尺寸规范,你一定要牢记在心哦! 小图像卡片尺寸 📸 小图像卡片通常用于展示小型图片,比如用户头像、产品缩略图等。一般来说,它们的尺寸不宜过大,以免占用过多空间。 用户头像组 👥 用户头像组通常出现在社交应用中,用于展示用户的头像和相关信息。设计时要注意头像的大小、间距以及排列方式,...
更多UI干货: 一、状态栏和指示器 在做iOSApp设计的时候,总会发现在几乎所有页面上,都存在这两个组件——顶部的状态栏「Status Bar」和底部的首页指示器「Home Indicator」。 状态栏 是系统用来提示手机几个关键功能运行情况或参数的区域,例如:时间、移动网络、Wifi 和电量。状态栏需要在几乎任何情况下向用户展示这些...
打造面向金融场景的 Vue 移动端 UI 组件库,灵活快速、丰富实用;用于敏捷搭建差异化的金融类产品,力求让复杂场景变得简单,辅助用户认知提效 14.Clarity Design 地址:design.teambition.com/d Clarity Design 是一套全面的设计语言,从设计原则到字体排版,从交互到文案,从动效到样式,从组件到设计工具…… 15.Atlassian...