苹果sf字体_苹果UI设计的改变意味着什么?

7030a362785b5e60a66a792671af1cc1.png

WWDC虽然已经过去了一段时间,虽然没有什么硬件产品,但还是给我们带来了许多新的惊喜。但我们这篇文章不谈技术问题,只谈苹果的UI变化。因为这可能是近10年来苹果第二次颠覆性的升级,上次还是2013年的iOS7的全面扁平化。

从设计的层面来看,这次更新的iOS化的macOS对iPhone用户更加友好,有相同的操作习惯,不必在mac和iOS上来回的切换。即macOS的“ iOS化”。

e661222517e09ba5a6f7ed84a745dfdb.png
Mac OS的主要设计风格

圆角

一些新用户可能不知道最初的iOS的切换开关都是方形的。而现在,Apple逐渐将切换开关细化为我们现在知道和喜欢的更全面的版

c9db9e0c590ecb430861fd1223ad691d.png
左: 第一代苹果版本. 右:越来越圆

同时,苹果还修改了图标的圆角半径。现在,Mac OS也出现了类似样式的图标。

窗口,面板和操作表也更圆一些。大部分变化始于iPhone X,它的显示屏非常圆润。这导致操作表顶部也要四舍五入。

382376468375f8f63f32d448faa513ee.png

透明度

记得iOS 7的发布,让透明度和背景模糊变得流行起来。但其实大多数人都不太喜欢这种超极简主义的新外观。

但是还是有许多人非常喜欢背景模糊效果。现在,背景模糊在侧边栏(一些Mac OS之前的版本)甚至工具提示中都变得更加突出。

ae161641fbff8c44f6be27e241c23e4c.png

在许多情况下,背景模糊(特别是在侧边栏下方)可以通过允许部分背景显示出来来表明窗口的这一部分“连接”到整个操作系统。

Microsoft正在使用非常相似的基于层的透明性方法。

f05686fe7a2180ed609bc40d43d1a1c4.png

分层使用相同的众所周知的概念,即更浅的表面更靠近用户,而,较低级别的堆栈会稍微变暗。即使没有半透明效果,也显示出等级。

我个人觉得纯色可能会让它更清晰,而我觉得设计师也可以思考一下渐进模糊。这种模拟现实生活的真实模糊包括阴影/反光/相互透出,同时要考虑光源/角度/环境等等,不再单纯的只是黑色/透明度。

86a3f2efad4951ce2fb3bd8a36f26d82.png

图标统一

对于一个生态来讲,最最理想的是每一个生活在内的成员要和谐的相处,苹果希望在Mac OS图标风格中更接近于iOS。

到目前为止,图标的更改方式如下:

24511e801458e7980faf296c163ccd9b.png

可以从图中看出,图标绝对经过简化,也放弃了矩形形状,而圆角使图标变得“匀称”了。由于某种原因,嘴巴变得更细,但微笑的弧度也变大,显得更加友好。

Mac OS工具栏图标也变得与典型的iOS / iPad OS图标更加一致。图标样式再次变得圆润,友好和开放。笔触足够厚,易于理解,并且图标没有任何不必要的装饰。

0b305a10bb5ca3564eff2c06c841b0ba.png

拟态

Mac OS已经成为拟态元素的最后堡垒之一。现在,它们正被合并为新的拟同构词,并与现代的平面结合在一起。它为OS赋予了现代的新外观,同时也使其以自己的风格为基础。

在进行更少量的重新设计之前,这可能是中间立场。毕竟,我们喜欢我们认为熟悉的东西,因此可以像iOS 7一样收到根本性的改变。

44e22dc688e4c29bbcf2175cf8f67311.png

其他

先前的Mac OS版本还从移动OS中引入了Dark Mode和San Francisco(字体)。现在,Apple Design系统几乎可以在所有平台上保持一致。

San Francisco简称为SF字体,是由苹果公司设计、制作,作为其推出Apple Watch的系统字体。这是一种比较简练的新无衬线字体,可自适应间距和行高。

整个重新设计也证明了,一个拥有数百万用户的公司很可能将UI推向可行的总体方向。

圆角,柔和的阴影和微妙的渐变等内容都将保留下来。

当然,为“所有人”设计的产品需要遵循最常见的友好准则。这并不意味着我们在做任何事情时都应该使用同样的规则。

如果你在制作高度专业化的产品,你仍然可以使用尖角、完全不透明的图层等等,并不是一定要模仿苹果。

但我不认为苹果没有做足功课。他们肯定对大多数人喜欢什么类型的UI进行过调查研究,而这恰好是一种趋势,即 SOFT UI。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/505083.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

cuda卸载_Ubuntu18.04英伟达显卡驱动、Cuda安装

一、显卡驱动安装1. 准备工作禁用BIOS中的secure boot,因为此方法使用第三方源安装显卡驱动,不禁止secure boot会导致安装的驱动不能使用,禁用也不会有多大安全隐患。2. 禁用nouveau禁用nouveau,这是ubuntu默认使用的开源显卡驱动…

内存条能4+8混插吗?_笔记本内存条双通道提升有多大?实测FORESEE,你知道好处在哪吗...

不知道大家发现了没,最近存储类产品、内存条普遍价格都涨起来了,后悔年前没买内存条给我的暗夜精灵3升升级,至今还插着一根8G的条子,其实日常用也够了。不过,今年打算做做视频,搞搞线上直播,所以…

python计算期望值_机器学习:计算方差时为何除以n-1

小弟准备了数据结构、Java、大数据、AI、面试题、python等各种资料 需要领取等朋友麻烦 转发此文,然后私信【学习】即可获取设样本均值为​,样本方差为​,总体均值为​,总体方差为​,那么样本方差​有如下公式&#xf…

程序的图标无法改变_安卓微信7.0.7内测版发布,细节更新,小程序功能优化

昨天,微信 7.0.7 for Android 内测版悄然发布,如何参加内测可以咨询本人。按照近来的惯例,安卓的内测版的功能会在随后的更新iOS正式版中体现,并且要先于安卓正式版发布。下面我们就来简单介绍一下本次更新的具体内容。一、「…」…

linux设置系统自动开机,Linux系统中设置开机自动运行的两种方法

有时可能会需要在重启时或者每次系统启动时运行某些命令或者脚本。我们要怎样做呢?本文中我们就对此进行讨论。 我们会用两种方法来描述如何在 CentOS/RHEL 以及 Ubuntu 系统上做到重启或者系统启动时执行命令和脚本。 两种方法都通过了测试。方法 1 – 使用 rc.loc…

论文页眉奇偶页不同怎么设置_怎样设置Word页眉页脚奇偶页不同?

来自Excel之家,侵联系删有伙伴问,怎么设置满足下列要求的页眉页脚:页眉要求正文部分偶数页居中对齐为“XXXX毕业设计(论文)”,奇数页居中对齐是各章章名;字体采用宋体5号。页眉之下有一条下划线。封面和目录页没有页眉…

如何检测python是否安装_使用Python检查系统中是否安装了一个软件包?

How can I check is some package is installed in my system. My system is Linux, but even better if it could works in other OSs. I mean OS specific package (like could be *.rpm or *.deb). Is there any python module or script that could do it? 解决方案 To fi…

android 自定义控件的宽高_巧用Handler获取View控件信息

众所周知,在Android实际开发中,对于某些复杂多变的情况,控件的位置摆放、大小控制并非是xml类型的layout文件完全可以搞定的。此时,我们通常会使用Java代码来通过动态计算,将指定的控件摆放在相应的位置,并…

如何ping端口_干货 | 如何正确处理常见的8大网络故障

网络故障是最容易出现的,也是比较难解决的问题,尤其是经常跟电脑及交换机打交道的朋友。今天就和大家来说说日常工作中,常见的网络故障详细分析及解决方法。交换机刚加电时网络无法通信【故障现象】交换机刚刚开启的时候无法连接至其他网络&a…

c语言程序设计第2章,C语言程序设计第2章 结构化程序设计与算法.ppt

C语言程序设计第2章 结构化程序设计与算法.ppt现在人们公认的具有“良好风格”的程序设计方法之一是所谓的“结构化程序设计方法”。其核心是规定了算法的三种基本结构顺序结构、选择结构和循环结构。按照结构化程序设计的观点,任何算法功能都可以通过三种基本程序结…

python读取word指定内容_python读取word 中指定位置的表格及表格数据

1.Word文档如下:2.代码 # -*- coding: UTF-8 -*- from docx import Document def readSpecTable(filename, specText): document Document(filename) paragraphs document.paragraphs allTables document.tables specText specText.encode(utf-8).decode(utf-8)…

xml建模包括以下_为什么要进行建模仿真?

没有“模型”作为基础的话,很多当今的前沿概念将无法真正落地!今天,数字孪生、人工智能、工业互联网、边缘计算这些概念在整个产业里非常的火热,但是,要知道,如果这些概念没有“模型”作为基础的话&#xf…

中兴没有云服务器_中国移动携手中兴通讯推进5G网络云建设

11月23日消息今年8月,中国移动通信集团公司党组成员、副总裁李慧镝在“中国信息化百人会2020年峰会”上表示,中国移动正大力推进网络云化部署,实现云网融合,NFV网络云服务器规模达6万台。2020北京国际信息通信展期间,中…

差异基因 p log2foldchange_拟南芥的基因ID批量转换?差异基因,GO/KEGG数据库注释(转录组直接送你全套流程)...

新手遇到的问题都是类似的,比如批量ID转换虽然我写过大量的教程:ID转换大全 不过都需要R基础,因为是大批量转换啊!但热心肠的植物生物信息学教学大佬还是友善的给出了解决方案我也狗尾续貂制作了一个网页工具教程:简…

mongoose 批量修改字段_WordPress图片路径批量替换方法

不少数站长在使用WordPress博客或者搬家时,需要把WordPress文章中的图片路径进行替换来解决图片不显示的问题。总结一下WP图片路径批量替换的过程,方便有此类需求的站长们学习。什么情况下批量替换图片路径1、更换了网站域名有许多网站建设初期都随便选择…

python vector_50行Python代码实现经典游戏,不仅是划水神器,更是学习利器!

Free Python Games非常适合学生,它不仅具有高度的组织性和灵活性,而且能够激发人们探索和理解能力。--Terri FurtonFree Python Games在轻松的环境中把游戏和学习结合在一起,从而减轻了编程过程中的压力。--Brett Bymaster...贪吃蛇、迷宫、吃…

laravel框架中文手册_node.js 后端框架star 排名 2020年11月更新,fastify 超 egg

发布时间以首个版本发布(0.x)为准。第一名: express 50.8k (2010年1月发布) 目前star 和下载量最高的老牌框架。https://github.com/expressjs/express​github.com第二名:meteor 42.1k (2012年…

python音乐下载器交互界面_基于Python实现下载网易音乐代码实例

代码如下 # 爬取网易音乐 import requests from bs4 import BeautifulSoup import urllib.request headers {"origin": "https://music.163.com", "referer": "https://music.163.com/", "user-agent": "Mozilla/5.0 …

java 格式化字符串_Java入门 - 语言基础 - 14.String类

1.概述字符串广泛应用 在 Java 编程中,在 Java 中字符串属于对象,Java 提供了 String 类来创建和操作字符串。2.创建字符串创建字符串最简单的方式如下:String greeting "光束云";在代码中遇到字符串常量时,这里的值是 "光束…

decimal是什么类型_SQLMysql数据类型

一 前言每个数据库的数据类型从来都不是一个简单的数据结构,特别是使用不同的数据库,不同的引擎,其支持的数据类型也不一样,选择那种数据类型作为字段类型对数据库的性能也是天差地别,故对数据类型有个全面的认知&…