移动端设计新趋势:化繁为简

2023-10-21 12:50

本文主要是介绍移动端设计新趋势:化繁为简,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  我们在这个“极简主义”的世界生活已经有些时日了,之后又将去向何方?

  过去几个月来,设计创新领域的先行者们,将“极简设计”推向了一个新的高度。Facebook、Airbnb和Apple都遵循着近似的原则,简化它们的核心产品,这种“化繁为简”(Complexion Reduction)的新趋势就在它们的移动端设计中得到体现。

  “化繁为简”究竟是什么?

  你是不是从没听说过“化繁为简”的趋势?那是肯定的,因为这只是我创造出来的术语。最近我留意到一种新的趋势,它超越了扁平化设计,也超越了极简设计,独立性在逐渐削弱。有些人会说,这只是极简设计运用到移动端领域时开启的新阶段,但我认为它截然不同。有一些明确的共性和特征可以定义这种新趋势。所以我决定给它起个名字。起个名没什么问题吧?

  这种横扫硅谷的热门新趋势,有以下这些决定性特征:

  加大加粗的标题

  更简单更普遍的图标

  减少彩色的使用

  结果呢?许多我们喜爱的应用界面,开始越来越像是出自同一品牌。

  证据

  早在5月份,Instagram发布了新设计的UI时,我第一次注意到这种新趋势。

  他们此次改版的变化,其中包括去除了无处不在的蓝色和深灰色,加粗了标题,简化了底部导航栏和图标。只留下黑白界面和醒目的标题,突显内容,功能清晰。我很欣赏这套简洁有序的界面,并且同时想起我仰慕已久的另一个平台:Medium。Medium自从2012年发布以来,黑白界面就用得炉火纯青,从那以后每次设计改版,都在去除繁杂;实际上Medium正是化繁为简的开山鼻祖之一,他们自己都不知道这点。真是要恭喜Medium!

  Facebook的同行们更新了Instagram的界面之后不久,我打开了Airbnb,它看起来如此熟悉,令我深受震撼。自从他们4月份发布了新设计以来,这是我第一次打开这个应用,但我感觉这一套界面分外熟悉。

  Airbnb的UI改版产生的媒体影响力,并没有一个月后Instagram的改版那么大(可能因为它没有一个光彩夺目的新图标),但它也使用了许多相同的化繁为简技巧。

  移动端的改版设计采用了更大更粗的标题,去除了不必要的图形和色彩,简化了图标,使它们更通用、易识别。只留下黑白界面,突显内容,功能清晰。

  Apple是最近的一个例子,设计师们迷上了化繁为简的趋势。本月初,Apple的WWDC大会上,这个科技巨人发布了一系列值得期待的更新,包括iOS 10的发布,他们正在进行调试,“iOS有史以来最重大更新!”(不过由于iOS 8时也这么说,所以至少是iOS 8以来最重大的更新)

  发布会中有一点特别吸引我。那就是Apple Music的改版设计。虽然它改版的最重要方面是用户体验提升和新增功能,但我首先注意到的是它的朴素。Caitlin McGarry,Macworld的本报记者就很准确地描述了这次更新,“它有一套全新外观,巨大的卡片、加大加粗的字体、干净的白背景,突显唱片艺术。”

  听起来很熟悉吧?这套设计与Instagram和Airbnb的设计略微有所区别(他们用的是实心图标!Apple在搞什么?)但关键元素都在:加大加粗的标题,黑白界面。

  所有这些意味着什么?

  我在上文提过,这意味着越来越多你喜爱的应用会变得很相似。为什么?就像国家橄榄球联盟(NFL),科技界也是个相互模仿的圈子。这些改版设计都得到了积极正面的反馈(有些人抱怨这些黑白界面“缺乏个性”,但他们很快就适应了。你打开一个应用是为了它的功能,并不是个性),所以我预测,新老应用都会踏上化繁为简的浪潮。

  这意味着iPhone的主屏很快就会变成一块彩色的马赛克,这些鲜艳的入口会引领你进入游乐场。

  现在,无论你是否支持这种单色的时尚,它毫无疑问是一个发展方向。产品设计流程正在发展和进化,不再是从前那种分离式的方式,鼓励过多的设计。现在的流程更趋于整体,真正关注用户。在从前的产品设计流程中,UI设计师可能会接过UX或产品给出的原型图,要求“把它做漂亮点”。然后设计师就会画上数小时、数天来添加、去除、调整颜色,或许最好的方案可能就一直摆在他们面前……直接用原型图!由于在如今这个整体的设计流程中,UX和UI设计师的界限正变得模糊,设计师不必过分操心自己的具体职责(例如把它做漂亮点),转而关注最终目标,为用户打造最棒的产品。

  化繁为简的终极指南

  你是否已经接受了化繁为简的趋势,并准备好踏上这波浪潮了?很好,遵循这些指南,你马上就会创造出优秀的应用。

  去除彩色。当然,你可以保留一种颜色,但要极度克制地使用它。其他一切最好是黑白的。让内容来为应用填充颜色。

  加大、加粗、加黑的标题。看到标题了吗?把它加到20至30像素,并且加重。

  简洁、纤细、易辨识的图标。你的图标最好是通用的,也不能使用彩色。如果想做得更好,应该按这个顺序来排列:主界面、搜索、主操作、次要操作、我。

  留白区域变为原来的两倍……不对,要三倍。甚至可以到四倍。这一点绝不能出错。

  应用图标更鲜艳。如果你就是喜欢设计一些鲜艳闪耀的东西,可以用在应用图标上。这是体现个性和品牌的地方,要让它光彩夺目!

     来源;郯城生活 http://www.0539G.com

转载于:https://www.cnblogs.com/zuiuren/p/6138913.html

这篇关于移动端设计新趋势:化繁为简的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/254527

相关文章

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

我在移动打工的日志

客户:给我搞一下录音 我:不会。不在服务范围。 客户:是不想吧 我:笑嘻嘻(气笑) 客户:小姑娘明明会,却欺负老人 我:笑嘻嘻 客户:那我交话费 我:手机号 客户:给我搞录音 我:不会。不懂。没搞过。 客户:那我交话费 我:手机号。这是电信的啊!!我这是中国移动!! 客户:我不管,我要充话费,充话费是你们的 我:可是这是移动!!中国移动!! 客户:我这是手机号 我:那又如何,这是移动!你是电信!!

SprinBoot+Vue网络商城海鲜市场的设计与实现

目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

单片机毕业设计基于单片机的智能门禁系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍程序代码部分参考 设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订

简单的角色响应鼠标而移动

actor类 //处理移动距离,核心是找到角色坐标在世界坐标的向量的投影(x,y,z),然后在世界坐标中合成,此CC是在地面行走,所以Y轴投影始终置为0; using UnityEngine; using System.Collections; public class actor : MonoBehaviour { public float speed=0.1f; CharacterCo

Spring的设计⽬标——《Spring技术内幕》

读《Spring技术内幕》第二版,计文柯著。 如果我们要简要地描述Spring的设计⽬标,可以这么说,Spring为开发者提供的是⼀个⼀站式的轻量级应⽤开发框架(平台)。 作为平台,Spring抽象了我们在 许多应⽤开发中遇到的共性问题;同时,作为⼀个轻量级的应⽤开发框架,Spring和传统的J2EE开发相⽐,有其⾃⾝的特点。 通过这些⾃⾝的特点,Spring充分体现了它的设计理念:在

开题报告中的研究方法设计:AI能帮你做什么?

AIPaperGPT,论文写作神器~ https://www.aipapergpt.com/ 大家都准备开题报告了吗?研究方法部分是不是已经让你头疼到抓狂? 别急,这可是大多数人都会遇到的难题!尤其是研究方法设计这一块,选定性还是定量,怎么搞才能符合老师的要求? 每次到这儿,头脑一片空白。 好消息是,现在AI工具火得一塌糊涂,比如ChatGPT,居然能帮你在研究方法这块儿上出点主意。是不