菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

移动端设计话题

首页
设计文章
移动端设计

UI 3.9w

零基础 UI 入门指南四：移动端相关规范认识（附素材打包）

新手不要只把软件的学习放在第一位，要同等重视 UI 基础规范的学习。这一章，主要分享和移动端 UI 有关的基本规范性常识。

2021/09/14

酸梅干超人

UI 1.3w

Lyft设计总监：移动端响应式设计的高效方法

约束布局是定义控制应用中内容的规则。这些规则通过使用统一的元素和间距，保持跨平台、跨环境和跨屏幕大小的一致性。通常应用在 iOS 和 Android 中。

2021/07/14

土拨鼠

响应式设计

UI 2.7w

你了解移动端导航设计吗？收下这篇系统性的总结！

这篇文章汇总了移动端导航设计最常见的样式、要注意的设计准则以及优秀的案例分析，一起来系统性地掌握这些知识～

2021-05-14

土拨鼠

UI 2.2w

超全面！移动端弹出层组件的定义、应用与设计

本文不仅详细解读「弹层」「弹窗」「对话框」等弹出层组件的区别，并且手把手教你从 0-1 设计组件。

2021-02-04

酷家乐UED

UI 2.5w

刚学UI一个月？收下这7个提高界面高级感的小技巧！

本文总结了7个启发新人提高界面设计高级感的小技巧，刚入行的UI新人不妨看看。

2021-01-20

土拨鼠

UI 1.4w

6000字超长干货！移动端选择器正确使用指南

什么是选择器？选择器有哪些类别？来看这篇超全干货！

2021-01-18

黑狮力

UI 1.3w

移动端多项筛选中的「不限选项」，到底该怎么用？

移动端多项筛选中的不限选项到底该怎么用？

2020-11-21

yy🍒

移动端设计

UI 3.7w

超多案例！APP 弹窗类型总结

弹窗是我们平时在设计APP时候绕不开的一个元素，选择合适的弹窗形式，是我们需要多加思考的地方，避免变成只会完善产品原型的线框美工。

2020-11-18

Chinn

UI 1.7w

超多案例！移动端横向滑动的设计总结

本文从横向滑动解决的问题、常用的典型设计场景、利弊分析等一一分析清楚，帮你深入理解横向滑动的交互特性。

2020-10-09

土拨鼠

交互 1.6w

移动端交互输出文档应该怎么写？来看高手的分析！

如何才能输出一套完整且比较优秀的移动端交互文档？本文从业务背景、产品目标、用户人群等方面为你深度分析。

2020-09-09

土拨鼠

UI 4.6w

一个UI按钮的自我修养

编者按：一个合格的 UI 按钮到底需要具备什么样的素质？在很多设计师眼里似乎并不是一个太大的问题的，但是在实际设计的时候，UI 按钮的细节处理不到位的情况却比比皆是。来自资深设计师 Taras Bakusevych 的这篇文章《Button Design — UI component series》，详细拆解了一个设计良好的 UI 按钮，应该有哪些「自我修养」。

2020-04-17

陈子木

UI 1.1w

腾讯案例复盘！「云游敦煌」小程序背后的产品故事

本文腾讯设计师用「云游敦煌」的小程序设计实战案例，为你揭秘大厂的产品构思方法、设计历程等。

2020-03-23

土拨鼠

交互 1.9w

从4款主流产品出发，帮你掌握登录注册流程

账户登录注册是互联网产品或移动端产品必备的模块，本文从产品维度，结合市面上4款主流产品对登录注册设计进行了分析探究。

2020-01-07

土拨鼠

UI 2.9w

项目实战复盘！WPS Office 移动端全新改版项目总结

如何完成一次重大的移动端改版项目？本文完整分享了 WPS Office 的移动端改版过程，从改版背景、确定方向到设计系统应有尽有。

2019-12-30

土拨鼠

UI 4.1w

移动端的长表单设计有哪些注意事项？这篇都总结好了！

本文将基于驴妈妈移动端供应商加盟项目，从 PC 端和移动端的不同之处入手，探讨移动端长表单的设计有哪些注意事项。

2019-09-23

土拨鼠

移动端设计

UI 1.2w

谷歌悄摸开发的新系统 Fuchsia，将会是 Android 终结者

移动端操作系统的竞争正在悄然进入一个全新的时代。早在2016年的时候，就有人在 Github 上发现了悄然发布的 Fuchsia OS 的相关信息，虽然当时 Google 尚未正式发布，但是相关的代码显示它是一个可以跨平台运行的操作系统，包括「汽车的娱乐媒体系统和嵌入式设备，如红绿灯、数字手表、智能手机、平板电脑与个人计算机」。考虑到 Google 内部一直都存在大量的非正式的实验性项目，在很长的一段时间里面，Fuchsia OS 没有太多的存在感也没有得到太多的重视。

2019-07-01

陈子木

UI 3.7w

超全面的导航设计基础知识总结（一）

随着移动互联网的不断发展，「以移动为中心」的理念和战略也不断渗透，互联网的「短、平、快」往往使设计师们无法长时间停下来思考可用性设计，快速找到最佳的设计方式是对我们一大挑战。「移动端界面设计模式」是基于大量设计师的智慧和尝试总结下来的可实施的解决方案，可以帮助我们解决绝大多数常见的移动界面设计需求，因此，在这里我将移动端的设计模式一一阐述，并附上我们常见的一线移动端产品作为案例作为解释。希望给广大的设计师们在设计方案中提供基石和支撑。

2018-07-09

程远

教程 1.6w

速度是移动端网页的灵魂，这些策略帮你提速

Nick Babich – 早在2016年的时候，移动端流量就已经超越桌面端成为目前主流。根据Google UK 的研究，如今65%的英国成年人都以智能手机作为他们的主要上网设备。人们通过移动端设备搜索信息，在线购物，使用移动端设备订阅各种服务。

2018-02-28

陈子木

教程 1.8w

从这7个方面入手，让移动端交互体验更加优秀

移动端设计的质量好坏，其实并不难度量。当用户可以流畅轻松地使用，不用耗费精力便可以完成各种任务，这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的，好用不好用，满意不满意，他们会通过简单的操作快速判断出来。

2018-02-05

陈子木

UI 4.7w

掌握这12个移动端UX设计趋势，你就掌控了2018年

移动端APP的世界真的是瞬息万变啊，各种设计技法和新鲜趋势你方唱罢我登场，想要维持住产品的热度和关注度，设计师需要不断地学习和调整设计，应对越来越严苛的挑战。接下来，我会列举出在2018年会持续发展的12个设计趋势，如果你想让你的产品有着更优秀的体验、更突出的竞争力，不妨在这12个趋势上多花点心思。1、用户历程的简化当我们同APP和网站进行交互的时候，通常是会有一个特定的目标。

2018-01-04

陈子木

教程

实用经验！移动AR体验设计的特质与挑战

@C7210 （译者）：我个人相信，AR（增强现实）将逐渐成为计算设备的未来发展方向。沉浸式技术可以打破人机之间的认知壁垒，帮助人们以更自然的方式与数字化世界进行互动。AR体验当中包含四个关键要素：可视化：譬如以可视化的方式预览新款沙发放置在自家客厅当中的实际样式。

2017-12-19

程远

教程 1.6w

让移动端用户体验出类拔萃的5种技巧

不谈APP，即使是浏览网页，大部分用户也已经是依靠移动端设备来进行了。所以，无论你是网页设计师还是在研发APP，为移动端的用户设计稳定、可用的用户体验，应该是你份内的事情。当然，由于如今UI/UX设计的成熟，各种最佳实践使得设计师不用再对一些常见的设计模式从头开始摸索，而今天我们所聊的提升移动端体验的技巧，也是这样探索出来的经验总结。

2017-10-27

陈子木

教程 4.4w

用3个案例，让你学会移动端的长表单设计

Echo ：基于业务需求（常见于B端产品），有时候用户在操作过程中，不可避免的需要填写很多表单。针对移动端长表单，我们应该如何去正确的设计呢？本文大纲：三种主方案主方案1的设计讨论主方案2的设计讨论主方案3的设计讨论总结一. 三种主方案针对长表单的设计，按照设计思路的不同，可以分为三种主方案，如下所示：图中举例的关键字段仅仅为举例需要。

2017-10-26

程远

移动端设计

教程 4.9w

手机端表格设计：我整理了一套循序渐进的处理方法

Z Yuhan：对于手机端的表格设计，本文将为你提供了一些思考方向，希望能够带给你启发。表格似乎和移动设备很难融合，强行贴上还真有些毁三观。即便是想方设法地避免，也总会有这样那样的原因，而不得不同时面对它们的时候。

2017-10-25

程远

移动端设计

教程 1.5w

内容迁移到移动端时，用户体验优化的7个关键点

好的设计往往需要好的内容作为基础支撑。无论是内容还是设计，想要让两者最大化的搭配，往往是需要进行调整和优化才行。当你的内容需要迁移到移动端上的时候，要怎么让内容和用户体验无缝地配合起来呢？

2017-07-31

陈子木

UI

超实用！聊聊移动端跨平台开发的各种技术

Nwind：最近出现的 React Native 再次让跨平台移动端开发这个话题火起来了，曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发，却大多因为性能或功能问题而放弃，不得不针对不同平台开发多个版本。但这并没有阻止人们对跨平台开发技术的探索，毕竟谁不想降低开发成本，一次编写就处处运行呢？除了 React Native，这几年还出现过许多其它解决方案，本文我将会对这些方案进行技术分析，供感兴趣的读者参考。

2017-01-31

程远

手机端网站开发

教程 2.1w

用这13个方法，帮你做出真正轻量化的移动App 设计

编者按：无论是扁平化还是Material Design，简化图标元素都只是触及表象，想创造出本质上轻量化的设计，界面细节和交互上的考量也非常多，今天这篇好文，总结了13个帮你做出轻量化设计的方法。1. 创造更轻的设计（Lighter Design)什么是轻设计扁平化设计不再使用各种斜度和阴影，让app有了更轻盈的美感。这意味着通过运用负形空间来取代斜度和阴影，创造出一个只关注核心信息的、更为简洁的界面，从而摒弃那些对app本身和用户流程来说都很低效的设计元素。

2016-10-04

程远

UI 2.0w

走心！优秀的移动端UI应当如何用微交互打磨细节？

编者按：UI设计的细节很重要，它不仅仅体现在静态的元素上，动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计，微交互和动效设计是绕不开的问题，今天的文章我们来聊聊这个~著名魔术师 Dariel Fitzkee 曾经说过：“魔术是表演和细节的艺术。”而交互设计同样是如此。

2016-09-03

陈子木

无线端设计 2.6w

想搞定移动端APP/网页设计，你起码要做好这些事情

编者按：当一个领域趋于成熟的时候，就会呈现出诸如“套路”这样的东西，它是用户和设计师/开发者在逐步磨合过程中产生的，约定俗成的一些规则。而在做移动端设计的时候，在考虑差异化设计之前，有一些最基本的事情要做好，今天我们就来聊聊这个~如果你曾仔细观察过近些年来那些优秀移动端产品的交互设计，会发现它们都拥有一个共性：它们在基本的功能和设计上的执行都相当的完美。它们从最基本的人类行为模式中汲取营养，然后通过优秀的设计和执行，为用户悄无声息地扫除了所有的障碍，这个时候，用户会感受到其中惊艳的视觉效果和突出的互...

2016-08-30

陈子木

教程 3.5w

跟着建议走！这样的移动端网站设计才对头

编者按：虽然移动端优先的口号喊了这么多年，我们仍能看到许多“不称职”的移动端页面。看似理所当然的网页背后还有着许多弯弯绕呢！今天的文章简单梳理了一下移动端网页设计常见的问题和技巧，说不定正是你想要的呢~移动端的用户往往拥有着更加明确的目的性，通常他们希望能够明确、轻松地从移动端页面获得他们想要的信息和内容。

2016-08-12

陈子木

1/2

1
2
下一页
前往页

大家都在看

神器下载

文章 129

配色

文章 153

字体下载

文章 133

版式设计

文章 187

UI

文章 143

入门

文章 162

设计规范

文章 198

优秀网页设计

文章 582

海报设计

文章 265

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注