如何适配深色模式?用一个 APP 改版案例让你学会!

以一个 app 改版案例,深入浅出地告诉大家如何适配深色模式,同时给出了正确和错误的示范,相信对于目前流行的深色设计趋势来说,是非常的实用了。Google 在 2019 年度 I/O开发者大会上宣布,安卓将会从系统底层支持深色模式。同时,我们也会看到更多支持深色 UI 的应用正在推出。

优设文章 2019-10-23

紧跟趋势!深色模式设计的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

用起点读书的实战案例,教你从AE制作到落地开发的方案

导语动画可以辅助视觉制作焦点,引导注意力的方向,越来越为广大视觉设计师青睐。从设计工具上来看,既有Framer.js、Origami, 也有交互原型类 Principle、Flinto,还有 Figma 自带动画演示功能的工具,但是对于一些视觉特效、非逻辑表达类动画,设计师通常会借助 AE 完成。遗憾的是,从 AE 制作到落地开发,至今也没有一种完备且成熟的跨平台解决方案。

优设文章 2020-11-26

壹周速读:设计师的作品集制作指南

作品集是很多设计师求职应聘过程中,最重要的一个组成部分。作品集有哪些坑要注意,做好作品集有哪些要点要踩中,进入大厂要如何优化它,都有讲究。这一期壹周速读就从作品集制作指南开始:作品集制作指南有很多设计师能力感觉还不错,但在作品集里没明确表现出来,不少作品集则显得逻辑混乱,浏览体验不佳,使得原本的作品和设计价值没法得以体现。

优设文章 2020-11-23

预测来了!2021年平面和视觉流行设计趋势

编者按:2020年已经余额不足了,2021年的平面和视觉设计趋势会是怎样的?今天的文章来自资深设计师 Iveta Pavlova,看看她所总结的12个趋势:我们迫切地希望2020年尽快过去。疫情,隔离,线下教育受阻,线上学习成为了主流,网购替代了去超市采购,娱乐和沟通都从面对面改为远程。

优设文章 2020-11-13

想画波浪图案?用这个免费神器一秒快速生成!

本文要介绍的「Svg Wave」是一个免费背景生成器,可以快速制作波浪背景,和之前推荐过的 Get Waves 大同小异:[link https://www.uisdc.com/get-waves]Svg Wave 能调整波浪的波峰数量、波浪层数和高度,也有自定义颜色或是使用渐层色效果,具有非常高的可自定义性。如果你不确定怎么做比较好看,随机按钮点一下就会立即产生某个样式,在 Svg Wave 能将波浪图输出为...

优设文章 2020-11-09

提升 UI 细节和体验的 10 个常用方法

如果你觉得你的 UI 设计起来很无聊,想让它看起来更加有趣,其实是有很多相对通用的方法。这些方法大都不算复杂,稍加调整,总会有不俗的效果。如果你想试试,不妨试试我所总结的这些赋予 UI 以个性的10个方式。

优设文章 2020-10-13

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

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

优设文章 2020-09-10