移动端设计 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

移动端设计话题

首页
设计文章
移动端设计

B端设计长文！深度分析桌面端与移动端的设计差异

交互

B端设计长文！深度分析桌面端与移动端的设计差异

B端设计中，桌面端与移动端究竟差别有多大？本文总结了8个方面的差异，并用语雀的案例让你的认识更深一步。

2022/09/01

B端产品如何做好移动化设计？我总结了这篇实战经验！

UI

B端产品如何做好移动化设计？我总结了这篇实战经验！

本文将以「门店通 – 汽配门店管理系统」作为案例，分析并总结 B 端产品移动化的设计思路。

2022/07/01

2022 苹果设计大奖出炉！盘点那些官方认证的优秀产品设计

产品

2022 苹果设计大奖出炉！盘点那些官方认证的优秀产品设计

其实在今年 WWDC 之前，苹果设计大奖的提名名单就已经对外公布了，只不过最终的颁奖结果是直到 WWDC 之后才公布。这8款APP，为什么能荣获2020年苹果设计大奖？苹果设计大奖（Apple Design Awards）可以说是每年 WWDC 的压轴项目了，这个奖项会表彰过去一年当中，最具有创新精神、拥有卓越设计、善用技术并且独具匠心的优秀 APP。

2022/06/09

2022 苹果设计大奖

4000字干货！五个方面帮你完整掌握筛选功能设计

UI

4000字干货！五个方面帮你完整掌握筛选功能设计

笔者整理了在移动端中常用筛选控件的类型、使用场景以及设计思路，帮助大家在设计中选择适合自己产品的筛选控件。

2022/06/08

移动端设计

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

UI

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

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

2021/09/14

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

UI

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

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

2021/07/14

响应式设计

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

UI

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

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

2021/05/14

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

UI

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

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

2021/02/04

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

UI

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

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

2021/01/20

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

UI

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

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

2021/01/18

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

UI

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

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

2020/11/21

移动端设计

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

UI

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

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

2020/11/18

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

UI

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

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

2020/10/09

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

交互

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

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

2020/09/09

UI

一个UI按钮的自我修养

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

2020/04/17

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

UI

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

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

2020/03/23

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

交互

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

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

2020/01/07

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

UI

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

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

2019/12/30

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

UI

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

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

2019/09/23

移动端设计

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

UI

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

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

2019/07/01

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

UI

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

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

2018/07/09

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

教程

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

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

2018/02/28

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

教程

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

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

2018/02/05

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

UI

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

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

2018/01/04

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

教程

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

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

2017/12/19

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

教程

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

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

2017/10/27

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

教程

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

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

2017/10/26

移动端设计

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

教程

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

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

2017/10/25

移动端设计

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

教程

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

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

2017/07/31

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

UI

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

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

2017/01/31

手机端网站开发

1/2

1
2
下一页
前往页

大家都在看

网页设计

文章 972

设计师专访

文章 149

字体下载

文章 142

平面设计

文章 516

用户体验

文章 899

版式设计

文章 274

AI教程

文章 137

界面设计

文章 162

入门

文章 162

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营