壹周速读:给 UI 设计师的学习大礼包

1600天前 · 神器 · 545次阅读

壹周速读:给 UI 设计师的学习大礼包

苹果的开发者大会刚刚结束,从iOS 14 到 macOS 11 都已初露峥嵘,上周有三篇文章梳理了今年 WWDC 最值得关注的设计要点和规范,一定要看 ~

当然,除了来自苹果的最新规范之外,还有一系列的 UI 和交互设计的干货好文,可以说是一份给 UI 设计师的学习大礼包~

WWDC

壹周速读:给 UI 设计师的学习大礼包

iOS 14 桌面小组件是这次更新当中的重要功能之一,它赋予了 APP 全新的入口,更丰富的交互层级,更多样的操作模式。这个已经在 Android 上存在了十几年的功能,苹果到底能够玩出什么花样呢?来看看官方设计规范怎么说:

壹周速读:给 UI 设计师的学习大礼包

苹果设计大奖是每年 WWDC 的压轴项目了,这个奖项会表彰过去一年当中,最具有创新精神、拥有卓越设计、善用技术并且独具匠心的优秀 APP。今年荣获苹果设计大奖的 8 款 APP 实至名归,而这些 APP 的创造者,还分享了 APP 背后,身为设计者内心深处的想法,以及成功的原因:

壹周速读:给 UI 设计师的学习大礼包

在今年的 WWDC 上,一直延续着拟物化设计接近 20 年的 Mac OS X 终于画上句号,新的 macOS Big Sur 则作为第 11 个大版本迈入全新的世代。macOS 11 不仅承载着从 Intel 芯片平台向着苹果自家的 SoC 迁移的重任,而且采用了更为贴近 iOS 和 iPadOS 的视觉美学,想知道它具体有哪些改变,这篇文章不要错过:

UI·交互

壹周速读:给 UI 设计师的学习大礼包

了解用户是进行产品的设计和研发的一个重要的前置环节,了解用研是很多设计师进阶的必学知识。这篇来自 58UXD 的用研系统知识入门,可以带你快速了解它的各个方面:

壹周速读:给 UI 设计师的学习大礼包

单选框是非常常见的表单元素。它通常被用来从一组互斥的相关选项中选择一个单独的选项。当点击一个未选中的单选框时,它会被选中,其他按钮则会变成未选中状态。但是在实际设计过程在, 单选框值得注意的细节也相当多:

壹周速读:给 UI 设计师的学习大礼包

应用程序中图片无处不在,所以大家对于图片的展示方式习以为常、司空见惯。但是在设计的 APP 设计中,图片尺寸的运用非常有讲究。这篇文章对几十款APP进行总结分析后,进行了整理,希望能够在图片的展示排版上帮到你:

壹周速读:给 UI 设计师的学习大礼包

近年来深色模式的设计趋势开始一点点明显,Ant Design 在这次 4.0 的升级中也对这类暗黑场景化的设计开始进行初步的探索,接下来就一起来看下 Ant Design 这一针对企业级的设计体系是如何设计深色模式的:

壹周速读:给 UI 设计师的学习大礼包

如果让你设计一个挽留弹窗,你会通过什么方法或内容 来留住用户?这是一个非常实际的弹窗使用场景,如果你的脑海只是零碎的一俩个想法,那你可要认真看下面的内容,它会给你带来更多的想法、例子,为你提供一个比较系统的思考框架,不用毫无目标地寻找参考:

平面·排版

壹周速读:给 UI 设计师的学习大礼包

有时候我们看一个设计作品、体验一个APP、或者一个公司的PC官网,就会觉得整个设计看起来很高级,但是又说不上哪里高级,是结构?布局?间距?还是细节?带着这个问题,这篇文章从网格系统入手,跟你一起寻找答案:

壹周速读:给 UI 设计师的学习大礼包

设计作品缺乏吸引力,不够吸引人眼球,原因可能有很多,但是最关键的原因可能缺乏对比。所谓「无对比不设计」,创造对比的技巧就非常重要了:

壹周速读:给 UI 设计师的学习大礼包

这是快速掌握设计临摹诀窍的系列文章,这两篇文章当中详细梳理了临摹学习的不同阶段、应当遵循的思路、并结合几个系统的实战案例,带你系统掌握临摹的技巧:

壹周速读:给 UI 设计师的学习大礼包

2020上半年转瞬即逝,可能是因为疫情的缘故,时间都变得着急起来。在这样一个特殊的环境下,品牌与创意工作者们,创造出了哪些经典海报案例?来自 Canva 酱的这篇文章,带你一起来温故一下上半年的这些优秀海报设计:

壹周速读:给 UI 设计师的学习大礼包

平时推荐的配色工具和色卡那么多,可是真正设计上手的时候脑子就懵了,依然不会灵活使用,那么这个事儿到底要怎么办?高手一般是怎么用色卡的?这篇文章了来自腾讯的设计师,来学习一下高手总结的三个技巧吧:

神器·干货

壹周速读:给 UI 设计师的学习大礼包

「HANDZ」是一套免费 3D 插图素材库,收录素材以各种手势为主,包含 12 种手势动作、带有 9 种肤色和 3 种袖子样式,下载解压缩后就有超过 320 种组合。整套插图以 PNG 格式输出,也有提供原始 Blender 数据(.blend)、Sketch library,可以对袖子上色调整,建立更多的手势样式组合,快来看看吧:

壹周速读:给 UI 设计师的学习大礼包

「Upscale」是一个来自 Sticker Mule 公司的免费图片放大工具,它可立即提高任何图片或照片分辨率和尺寸大小,而不会有失真或模糊问题。Upscale 的技术会分析用户上传的图片,重新建立一张具有两倍分辨率的新图片,可用性和实用性还是很强的:

壹周速读:给 UI 设计师的学习大礼包

Russ 是一名在平面设计和网页设计领域上拥有10年工作经验的设计师,他总能通过简单的图形和有限的色彩组合出令人惊叹的效果,而他所创建的 Russfuss 这个网站也展示了很多作品,并且提供了超过 150 张图案设计素材:

壹周速读:给 UI 设计师的学习大礼包

2020年开始Adobe公司进行了全方位的更新,不仅将 Adobe 本身的品牌进行了重新演绎,而且旗下的产品和功能也进行了全方位的更新:


原作者:优设@ 陈子木

👍 0 支持 ☕
支持 ☕

干货合集 干货 设计干货 干货大合集 壹周速读 设计圈干货 设计师干货 经验分享

最后修改于930天前

评论

贴吧 狗头 原神 小黄脸
收起

贴吧

狗头

原神

小黄脸

目录

avatar

noso_cool

分享是一件乐事

721

文章数

2

评论数

6

分类