紧跟趋势!深色模式设计的8个小技巧

随着九月份的临近,苹果 iOS 13 正式版也即将推出,随之而来的还有大家期盼已久的「深色模式」。前几天,苹果推送了 iOS 13 的 beta 5 版本。其中,「深色模式」还加入了过渡动画,效果看起来更加流畅自然。

优设文章 2019-08-28

用阿里巴巴APP的案例,教你如何快速适配「深色模式

2019 年的两场重量级发布会 Google I/O 和 Apple WWDC 终于落下帷幕。在各种新奇科技资讯中大家会有趣地发现两家公司不约而同的发布了手机系统的 Dark Mode(Theme),大众群体可以在随后的几个月内升级 Android Q 和 iOS 13 体验暗黑色彩模式的 UI 界面。预感Dark Mode这个词今年要火了!

优设文章 2019-06-30

iOS 13 官方设计指南:深色模式篇中文版

官方的指南虽然篇幅较短,但更侧重于细节层面,仍然可以帮助你在真正上手新系统及深色设计之前,对相关设计原则,特别是颜色的适配机制与方法进行了解。同时也建议大家观看本次 WWDC 相关讲解视频,理解会更加全面。从 iOS 13.0 开始,人们可以将系统全局的外观样式设置为深色视觉风格,即「深色模式」。

优设文章 2019-06-16

WWDC 大会开幕,我们准备了一份「深色模式」设计要点

深色模式最近突然成为了一个时髦的词汇,苹果去年在 macOS 10.14 上加入了 Dark Mode,Android 系的厂商近来也纷纷加入支持,Google 在今年的 Android P 当中也正式推出了自己的深色模式。WWDC 大会上 iOS 13 正式引入 Dark Mode,深色模式已经成为大势所趋,而这对我们 UI 设计师又意味着什么呢?为什么我们需要深色模式

优设文章 2019-06-04

4天后的苹果WWDC大会,最令人期待的不是「深色模式

一年一度的WWDC ,对于苹果用户的吸引力仅次于每年9月的新品发布会。作为一场开发者大会,除了与会的媒体和一部分忠实粉丝之外,绝大多数的参与者都是被邀请和花了1599美元进入会场的开发者于设计师。在第一天早上 10 点的主题演讲环节之后,为期 3 天WWDC其实重点是在后面苹果官方的分享,以及开发者之间更加深入的讨论,这一点和 Google I/O 大会其实是一致的。

优设文章 2019-05-31

颜色对比度怎么选?来看这份大厂公认的标准规范!

我猜在你踏入设计这个圈子的时候,一定有被推荐过 Robin Williams 的《写给大家看的设计书》。复杂的设计原理在书中被凝炼为亲密性、对齐、重复和对比四个基本原则。但其实我今天要说到的内容和这本书的关系不大…我只是想引出「对比」这个概念,在设计中有多么基础且重要。

优设文章 2020-09-10

一万六千字!超全面的字体与排版应用指南

文字是界面中最核心的元素,是产品传达给用户的主要内容,它的承载体即是字体。前半部分从字体的最基本属性(字族、字号、字重、大小写等)说起,熟悉字体的那些特征,了解字体在界面中的作用,以及iOS与Android系统字体的使用规范。字体基础知识字体是界面设计的基石字体是排版中最重要的元素,对用户的阅读体验有着至关重要的作用。

优设文章 2020-09-01

2020年8月设计圈超实用干货大合集

新一轮的设计圈干货大合集来了!这一次的设计干货包含了许多新鲜的好玩意,比如3D手势库和可编辑样机生成工具,当然,还有每一期合集都会有的各种图标、配色和字体资源,来具体看看吧:NaturalttsNaturaltts 是一款在线的文本语音转换器,你可以将生成的音频以 mp3 的格式文件下载。这款工具提供 6 种不同语言和 60 多种不同的语音语调供你选择,包含不同类型的服务套餐。

优设文章 2020-08-21

想提高UI质感,收下15个保姆级的版式设计小技巧!

前言在做UI界面的时候,很多时候我们需要去看很多的产品进行竞品分析、市场调研,不论是交互逻辑还是设计细节,非常占用设计师的时间成本,在这里我为大家分析和整理了常用的一些实战设计小技巧,帮助大家节省一些搜集资料的时间,希望帮助设计师们提高设计品质和效率!1. 版面中的空间关系元素在界面版式设计中,可以运用平面设计中的结构思考方法去理解UI界面中的空间元素结构的分布对应,下面以新闻类客户端为例进行页面元素分析2. ...

优设文章 2020-08-11

苹果官方指南太长?这10条规范总结帮你抓设计要点!

如果你是 UI 设计师,多少都接触过苹果的人机界面设计指南吧?这份在被奉为圭臬的设计指南当中,融入了几十年来最为经典、实用的设计规范和技巧,它非常易读且易于理解。这份人机界面指南当中所包含的知识,毫无疑问是价值非凡的。

优设文章 2020-08-05

大厂如何做设计?来看vivo海外浏览器的实战案例

概述今天给大家分享海外浏览器视觉风格升级的案例。希望可以把整个产品改版过程中的沉淀以及总结经验分享给大家。整个项目从19年6月开始,从设计提案到完整方案落地上线持续了5个月,前3个月从「方案探索」到「方案定稿」进行了多维度的尝试,后续2个月从「开发落地」到「数据验证」,针对不同变量的数据结论,进行设计微调整,以达成「正式上线」标准接下来,先从背景部分给大家介绍下整个项目背景:背景部分外销浏览器整体视觉样式过于陈...

优设文章 2020-08-05

我删除了所有配色网站,只留下这一个

对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成配色的方法么?当然有,那就是本期教程我要推荐给大家的这款配色工具:Adobe Color。当然这个工具大家都不陌生,因为它出自 Adobe 之手,而之所以要将它做成一期教程,一方面是因为虽然很多人知道这个配色网站,但是往往都是收藏起来作为摆设;另一方面即使有的人会用到它,但使用的方法不对,没有将这个配色网站的价值发挥到最大。

优设文章 2020-08-03