大家好,这里是最新一期的壹周速读!在这里一次读完上周的热新闻、妙细节、好文章!
在新闻方面,Adobe 发布了网页版Ps 和 Ai,Facebook 更名为 Meta,Google 发布针对折叠屏的新系统!上周涌现了一大波优质的 UI 的文章,同时还有 2 篇专攻 AE 动效的文章,特别值得学习!下面具体看看吧:
Part 1:热新闻
1、 Google 推出 Android 12L 系统
Google 公布了为大屏设备而设计的 Android 12L 系统,改进了大屏上的 UI 界面显示,包括通知、快速设置、锁屏、概览、主屏幕等。功能上主要针对大尺寸高分辨率屏幕(大于 600sp)作出应用分屏和 Dock 栏的优化。面向的是平板电脑、可折叠设备和 ChromeOS 设备。
2、 Facebook 将公司名更改为 Meta
Facebook 宣布将公司名字更改为 Meta,源自「metaverse(元宇宙)」,此次更名也意味着该公司将专注于转向以虚拟现实为主的新兴计算平台,这件事情正在 。与此同时,全新 Logo 亮相,新品牌符号着重于动态及 3D 形态进行展现。
3、麦当劳推出新字体:薯条体
马上就是万圣节了,麦当劳顺势推出了万圣节限定薯条字体。这是继去年麦克鸡块体之后,推出的又一款免费字体。麦当劳这次以金黄的薯条和番茄酱为灵感,开放免费下载也能商业使用!
4、Adobe 发布 Ps 及 Ai Web 网页版
Adobe 宣布推出旗下的两大最受欢迎的创意生产应用的网页版,即用于图片编辑的 Photoshop 和用于矢量图形创作的 illustrator,未来将可以直接在浏览器中访问使用。值得注意的是,可以分享文件以邀请他人进行编辑,或发送一个仅供查看的链接,以获得评论、上下文标记和注释。
Part 2:好文章
UI | 内容分割方式选取技巧
在浏览器的内容体验上,各大厂商都有不少细致入微的优化。近两年,vivo 的设计团队在浏览器的设计上一直选择的是留白分割的设计方式,但核心竞品已经逐渐都采用了线性分割,甚至卡片分割的设计,是要坚守留白还是追随「趋势」,Vivo 的设计团队是这样进行探索和优化的:
UI | 独自创建设计系统的6个技巧
如果你是公司团队中唯一的设计师,工作内容庞杂,需要为现有产品设计一套设计系统,那么你要注意哪些问题?资深产品设计师 Taras Savytskyi 将自己在初创团队中的设计经验浓缩成为这篇文章,梳理成为这篇文章的6个要点,应该能够给你不少帮助:
UI | UI 版式设计4原则
说到版式,就必须先提 4 条基本原则,这些原则一直都是版式教程的必讲知识点,有大量文章和书籍都做过详细介绍,不过根据设计类型的不同会有出入,这篇文章结合手机端的浏览体验,来讲讲版式设计 4 原则(对齐、亲密性、对比和重复)的运用:
UI | 提升UI细节的6个排版要点
在设计手机详情页时,会经常用到的一些排版小细节。由于手机版面受限,用户浏览时间也短,所以图文排版不宜太过复杂,要以清晰呈现为主,简洁明了是当下主流。但是排版越是简洁,对细节的要求就越高,产生的影响也会越直观。那么要怎么处理呢?掌握这6个细节,可以最大程度帮你做好细节:
UI | 5个必知的表单设计冷知识
当我们设计 Web 表单时,往往用最直觉的设计经验本能驱动我们去解决一些看似在界面设计中最简单的问题,但每每到细微之处,又会有无数疑问从细节中冒出来给我们的设计造成困扰,所以这些看似偏门、细碎的内容,实际上是特别值得留意和思考的,这篇来自百度MEUX 团队的文章,将这些问题给你一网打尽:
字体 | 字体优化的7个技巧
很多同学做字体的时候,总感觉差点意思,但又不知道问题出在哪里,就觉得没有网上看到的字体那么专业,其实仔细观察就会发现,主要的问题大都是没有细节、缺少变化,所以显得有点粗糙。葱爷的这篇文章分享了几个非常有用的字体优化技巧:
字体 | 字体特效优化的4个技巧
当字体设计好后,我们就要给字体添上合适效果,如果说字体设计是创造,那字效呈现就是美化,对于更追求促销感和氛围感的电商设计,有时字效会比字体设计更加重要,通过添加合适效果能使字体更具美感和吸引力,同时也更利于信息和情感传达,也算是锦上添花。卢维贤的这篇文章从4个方面入手总结了字体特效的优化方向:
配色 | 腾讯色彩系统高效应用指南
单纯的创建设计系统和色彩系统并不足以完全应用到实战项目中,涉及到协同合作的时候,还需要制定一套对应的颜色使用规则,团队协作流程。那么腾讯的设计团队是怎么来解决这个问题的?来看看他们在腾讯文档这个项目中是怎么操作的吧:
职场 | 设计师年底总结技巧
2021年已经快过去了,作为设计师来说总结并分析问题才能获取经验,这篇来自京东JellyDesign 团队的文章,将会为大家分享设计师做年底总结的经验。这篇文章从经验总结的方式、凸显自己经验的方法、分析问题的策略、制定未来计划等4个关键维度来进行分享,实用性极强:
资源 | 10月干货第三波
这是 10 月第三波精选设计干货,这次挑选的设计工具和素材的合集中,有不错的插画和3D图库,还有2款可以搭配起来使用的AI修图工具,以及面向设计师和开发者的 UI 组件以及 CSS 工具,实用性都非常强,具体逐个看看吧:
资源 | 日本免费图标网站
IFN 无料アイコン是一个日本的免费图标网站,一共收录超过 900 个图标图案,依照不同主题分门别类,包括因特网、计算机、商务、电器制品、生活用品、动物等等,这些图标设计都很细腻精美,提供三种常见图片格式:SVG、EPS 和 PNG,使用者可以从网站免费下载:
AE | 实用AE动效设计技巧
After Effects 作为动效软件的鼻祖,以其强大的兼容性、效果丰富性和清晰明了的图层操作逻辑深得设计师们喜爱,腾讯 ISUX 团队在这篇文章当中,从 AE 的插件、操作以及落地三个方面,为大家整理了一波实用技巧,希望能帮助大家在工作中更加得心应手:
AE | 炫酷AE动效的实现方法
「58 同城超级福利日」视频的上线,精致的界面、丝滑的动效展示给整个项目带来了更好的视觉观赏性与生动性。也让越来越多的设计师意识到单一的图形展示已无法满足一些特殊场景的情感化设计表达。这篇文章结合了「58 同城超级福利日」项目案例,用几个简单的插件与脚本,带你实现炫酷的动效:
Part 3:妙细节
1、「小宇宙」的前进后退快捷键为什么是30s和15s?
2、醒图:放大画面,让马赛克不涂错位置
3、你会自觉降低音量避免外放「抖音」视频影响他人吗?
4、「萤石云视频」电子门铃的人脸识别技术太牛了
原作者:优设@ 陈子木