手机及小程序界面设计文章及欣赏

232022-6

如何更好的统一颜色规范？这个方法正在成为新趋势！

Hi，我是彩云。咱们平时在做 UI 组件库的时候，会遇到一个问题，定义了很多颜色但在团队合作的时候，却依然还是会根据每个设计师自己的喜好来配色，很难将颜色规范很好的统一起来。这其中有一个很严重的问题就是对于颜色的命名和管理不够清晰，那么今天这篇文章通过一个国外大厂真实的颜色组件升级案例，希望能帮你解决这个难题。我们花了几个月的时间改进了设计系统 Cobalt 中颜色的...

阅读全文>>

评论(0) 浏览(98)

212022-6

超全干货！五个方面帮你掌握标签栏设计

兆龙手机及小程序界面设计文章及欣赏

快速迭代的产品存在着同质化趋向，如何做出差异性？如何将品牌精神向外传达？如何在有限的时间内，满足产品需求的同时带给用户更好的体验感，进而体现设计的价值呢？静态画面动起来或许是个不错的选择！ ...

阅读全文>>

评论(0) 浏览(88)

212022-6

想优化 UI 作品，这14个设计细节一定要检查到位！

兆龙手机及小程序界面设计文章及欣赏

Hi，我是彩云。界面是用户在与任何产品、APP 或平台交互时看到的内容，用户体验就是建立在坚实的界面设计基础之上的。所以，如果你想要在 UI 设计上提升能力，应该多去思考界面设计背后的原因。今天会跟大家分享一些被广泛运用的界面设计规则，它们能快速使得你的界面设计更干净、高效。文案要易于理解用更容易让用户理解（说人话...

阅读全文>>

评论(0) 浏览(88)

142022-6

手机及小程序界面设计之十：超详细解读：UI导航设计不仅仅指的是导航栏

兆龙手机及小程序界面设计文章及欣赏

编者按：其实网页或者App中的导航（Navigation）这个概念远不止我们熟悉的导航栏，而是一个更加广的交互概念：引导用户和产品进行有效的交互，实现用户的目标。本文将详细地介绍界面的导航设计。一个网页或App产品要想有很好的可用性（usability），需要做好的最基本的一点是导航的设计或者说引导用户的设计。如果用户在使用一个网站或者App的时候找不到自己的处在什么位置或者该怎么去到想要...

阅读全文>>

评论(0) 浏览(98)

142022-6

手机及小程序界面设计之九：手机端表格设计：我整理了一套循序渐进的处理方法

兆龙手机及小程序界面设计文章及欣赏

Z Yuhan：对于手机端的表格设计，本文将为你提供了一些思考方向，希望能够带给你启发。表格似乎和移动设备很难融合，强行贴上还真有些毁三观。即便是想方设法地避免，也总会有这样那样的原因，而不得不同时面对它们的时候。其实有很多方法可以优化手机端的表格，但是可能不一定每一种都适合你遇到的情况，所以我整理了一套循序渐进的处理方法。一. 整理信息假...

阅读全文>>

评论(0) 浏览(95)

142022-6

手机及小程序界面设计之八：如何适配iPhone X？来看看实战案例复盘！

兆龙手机及小程序界面设计文章及欣赏

滴滴出行在 iPhone X 发售前就针对其操作特性进行了界面适配，保障了 iPhone X 用户的全面屏操作。现在 iPhone X 的适配结果已经得到了良好的用户反馈，由此我们梳理了移动端界面 iPhone X 的适配方案，并从整个适配过程中探索到万变不离其宗的适配方法，为后续不断更新的多尺寸屏幕提供更好更快的适配思路。整篇文章分四个章节 iPho...

阅读全文>>

评论(0) 浏览(99)

142022-6

手机及小程序界面设计之七：基础科普！超全面的 UI 元素尺寸设置指南（上）

兆龙手机及小程序界面设计文章及欣赏

一、基础规则 1. 官方规范对于刚开始思考 UI 元素尺寸的新人，通常第一反应都是去看官方规范，新人都以为官方设计规范的作用就是告诉你们元素的大小和怎么设置，只要看完了就能懂得如何设计 iOS 或 Android 应用。而实际上，这些规范并不能帮助你们解决这个问题，因为设计规范涵盖的内容远远比这些复杂。我们想要搞清楚 iOS 和 Android 官方元素的具体尺寸，最...

阅读全文>>

评论(0) 浏览(129)

142022-6

手机及小程序界面设计之六：让设计更有说服力的20条经典原则：菲茨定律

兆龙手机及小程序界面设计文章及欣赏

简介说明 1. 理论表述任意一点移动到目标中心位置所需要的时间，与目标距离正相关，与目标大小负相关。 2. 研究背景 1954 年，Paul Morris Fitts 根据信息类比提出一个假设，该假设能够量化「移动到目标选择任务」这个操作的难度「1」。虽然该假设还未涉及到人机交互中的具体参数，却给了后来的交互研究人员极大的启发。我们现在经常看到的...

阅读全文>>

评论(0) 浏览(85)

142022-6

手机及小程序界面设计之五：连高手都容易忽略的9个 iOS 与 Android 间的交互差异

兆龙手机及小程序界面设计文章及欣赏

现在大多数的 PM /交互/ UI 设计师，在设计产品的时候都是以 iOS 为基准思考产品上的各种功能逻辑、交互状态，而很容易忽略了某些功能在 Android 里并不能「一稿适应两端」，部分产品差异在安卓上是不一样的。所以本文就讲下 Android 和 iOS 9大产品/交互差异，希望你在日后的产品设计时，可以考虑到更多层面的知识点。虚拟商品、支付规则和方式的不同 ...

阅读全文>>

评论(0) 浏览(86)

142022-6

手机及小程序界面设计之四：手机屏幕越来越大，UX设计师面临哪些挑战？

兆龙手机及小程序界面设计文章及欣赏

@布莱恩臣：iPhone X 在 2017 年上市以来，全面屏手机就开始逐渐普及。iPhone 8 的 4.7 寸屏幕到目前最新机型 iPhone 11 的 6.1 寸屏幕，以及 Pro Max 系列的 6.5 寸，各种各样的刘海屏、水滴屏、挖孔屏、折叠屏等等屏幕方式随之出现，物理 Home 键都被舍弃改成虚拟按键，甚至是没有虚拟按键的手势滑动操作。而这些手机都有一个...

阅读全文>>

评论(0) 浏览(94)