苹果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,一经查实,立即删除!

相关文章

python需要配置环境变量吗_python安装和配置环境变量

Python 安装和配置环境变量 一、 Python 的安装: 在网上找一个 python 的安装包,我找的 python3.3.5 。照着安装步骤一步一步进行安装,完 成后,运行 IDLE(Python GUI) ,打开的命令行框出现类似如下内容则说明安装成功&…

python的tkinter按钮大小_如何使用python更改tkinter中按钮和帧的字体和大小?

更新:新墨西哥州科技tkinter网站已在GitHub上存档。必须有Tkinter对象才能创建字体from Tkinter import *import tkFontroot Tk()创建一个类似新墨西哥科技网站示例的字体helv36 tkFont.Font(familyHelvetica, size36, weightbold)# you dont have to use Helveti…

linux命令 翻译,(翻译)Linux命令行(一)

这里的Linux命令行系列是翻译自http://www.linuxguide.it/的,如果你英语够好,推荐你去看原版的。这是第一篇,主要介绍关机重启等操作和查看系统信息等操作的命令。关机重启等操作shutdown -h now 关机init 0 …

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

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

git两个账号切换_多个git账号之间的切换

$ clip < ~/.ssh/id_rsa.pubbash: /c/Users/UsersName/.ssh/id_rsa.pub: No such file or directoryStep 1、检查本机现有的SSH密钥检查~/.ssh看看是否有名为d_rsa.pub和id_dsa.pub的2个文件。如果你什么都没得到这些文件&#xff0c;转到 步骤2 ;否则&#xff0c;请跳到 …

linux服务器配置试卷,2016年Linux认证模拟练习题及答案

2016年Linux认证模拟练习题及答案1.设计一个shell程序&#xff0c;在每月第一天备份并压缩/etc目录的所有内容&#xff0c;存放在/root/bak目录里&#xff0c;且文件名为如下形式yymmdd_etc&#xff0c;yy为年&#xff0c;mm为月&#xff0c;dd为日。Shell程序fileback存放在/u…

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

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

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

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

linux rpm版本号,linux中RPM包命名规则

RPM包的一般格式为&#xff1a;name-version-arch.rpmname-version-arch.src.rpm例&#xff1a;httpd-2.2.3-29.el5.i386.rpmhttpd-devel-2.2.3-29.el5.i386.rpmhttpd-manual-2.2.3-29.el5.i386.rpmsystem-config-httpd-1.3.3.3-1.el5.noarch.rpm(1)name&#xff0c;如&#xf…

python十点半游戏代码_Python实现Pig Latin小游戏实例代码

前言&#xff1a; 本文研究的主要是Python实现pig Latin小游戏的简单代码&#xff0c;具体介绍如下。 Pig Latin是一个语言游戏。 步骤&#xff1a; 1.让用户输入一个英文单词 2.确保用户输入一个有效单词 3.将单词转换成Pig Latin 4.显示转换结果 一、Input 函数&#xff1a;r…

查看linux系统的sp,查看linux系统版本命令

一。查看内核版本命令&#xff1a;1) [[email protected]_SYS ~]# cat /proc/versionLinux version 2.6.18-238.el5 ([email protected]) (gcc version 4.1.2 20080704 (Red Hat 4.1.2-50)) #1 SMP Sun Dec 19 14:22:44 EST 20102)[[email protected]_SYS ~]# uname -r2.6.18-2…

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

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

vue获取input的属性_vuejs 中如何优雅的获取 Input 值

原生 js使用 getElementById 比较麻烦的地方需要为元素设置 id设置 id 之后&#xff0c;无法复用&#xff0c;因为一个页面中不能存在两个相同的 id双向绑定 v-model分两种情况input 默认为空。这种情况使用 v-model 最方便&#xff0c;通过 this.inputName 即可获取到对应的值…

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

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

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

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

layui添加复选框_layui复选框使用介绍

layui复选框&#xff1a;效果图layui复选框&#xff0c;一个主的复选框控制多个从复选框&#xff0c;主复选框和从复选框的颜色不一样layui复选框的样式&#xff0c;都是在选然后才会有的&#xff0c;所以直接通过css设置就实现不了了。只可以通过js动态设置html代码使用了jfin…

如何检测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…

git进入项目目录 windows_Git使用教程 Windows使用Git全攻略

在Windows上安装Git点击Download开始下载&#xff0c;下载完成后双击安装包进行安装&#xff0c;之后一直点击“下一步”就可以完成安装了。创建代码仓库首先配置一下身份&#xff0c;这样在提交代码的时候Git就可以知道是谁提交的了。打开Git Bash&#xff0c;输入下面的命令g…

linux调度程序是根据进程的动态优先级还是静态优先级来调度进程的,LINUX内核面试题...

该链接有每个题详细的答案讲解http://www.docin.com/p-442803876.html 以下答案可能不是很详细。 1) Linux中主要有哪几种内核锁&#xff1f; Linux的同步机制从2.0到2.6以来不断发展完善。从最初的原子操作&#xff0c;到后来的信号量&#xff0c;从大内核锁到今天的自旋锁。这…

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

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