壹周速读:超级实用的 UI 设计小技巧合集

成体系的 UI 设计理论有很多,而面向问题,搞定日常操作,还有很多实用的小技巧。这一期的壹周速读,我们汇集了一波实用性非常强的 UI 设计技巧,整理成了小专题:

实用 UI 技巧指南

壹周速读:超级实用的 UI 设计小技巧合集

学习掌握UI设计理论和基础知识固然很重要,但在设计执行时掌握技巧也更能提升工作的效率和质量。那么在设计执行层遇到问题有没有一些立竿见影的解决方案呢?这篇文章分别从视觉、内容和交互三个角度总结了十个界面细节设计点:

壹周速读:超级实用的 UI 设计小技巧合集

这个系列文章来自资深 UI 设计师 Mark Andrew ,文章梳理了总计 30 个实用性很强的 UI 效果提升小技巧:

壹周速读:超级实用的 UI 设计小技巧合集

复杂应用大多情况下是偏专业和B端的一些UI界面,它们大多出现在桌面端使用环境,并且终端用户类型多样,涉及流程、链条、业务也大多呈现出多变复杂的特征。这篇文章,来自UX设计领域的顶级存在NNGroup:

壹周速读:超级实用的 UI 设计小技巧合集

UI界面中,用户最容易感知到的,就是大量的点线面元素,这些元素在设计的时候,需要注意哪些相互关系?怎样优化才能更好地服务于整个产品,让效果出彩,让体验优秀?下面的系列文章既有深入的分析梳理,也有落地可行的建议:

壹周速读:超级实用的 UI 设计小技巧合集

很多同学还在纠结买 iPhone 12 还是买 12 mini,但是做 UI 设计的同学已经被全新的分辨率折腾得要死。现在终于有一篇完整系统的 iPhone 12 系列屏幕分辨率设计指南了:

2021年度色

壹周速读:超级实用的 UI 设计小技巧合集

虽然潘通不是第一次在选取年度色的时候选择2种不同的色彩,但是 2021 年的年度色选择的两种颜色「极致灰」和「亮丽黄」出来的时候,还是让人楞了一下。这款玩着谐音梗还和《赛博朋克2077》疯狂联动的 2021 流行色到底有那些讲究?看这里:

UI·产品

壹周速读:超级实用的 UI 设计小技巧合集

​提起中后台,除了高效、灵活和强大之外,不可忽视的还有它的海量数据。海量数据的筛选与呈现,直接决定决策人员的效率高低。WOW Design 的这篇文章结合实际工作中遇到的表格设计问题,针对Web端数据呈现方式之一,表格的设计进行探讨:

壹周速读:超级实用的 UI 设计小技巧合集

卡片设计在界面中已经是非常常见的一种设计形式,大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了,腾讯设计师「彩云」从自己的经验来总结卡片设计的细节要点,期望能给大家总结一些快速提升卡片设计效果的方法:

壹周速读:超级实用的 UI 设计小技巧合集

我们在设计中经常会改版设计,从创意想法到设计初稿的过程可能会花费比较长的时间,我们需要在不同的阶段输出不同的内容反馈进度并达成一些共识,而这就需要情绪版了。这篇出自腾讯设计师的文章给大家分享下这方面的经验:

壹周速读:超级实用的 UI 设计小技巧合集

全新网易有道词典 9.0 在设计与功能上进行了双重升级,这次的升级不仅更新了流程,增加了社区,迭代了设计,让产品功能更加强大高效,内容上多元,也让设计更加突出,这次的文章就分享背后的设计过程:

平面排版

壹周速读:超级实用的 UI 设计小技巧合集

字间留空是近年来非常流行的一种排版设计技巧,这种排版设计方式大多应用于海报、Banner图、H5,同时,在动画设计、视频当中也有相当多的应用。今天,我们来深入梳理总结一下这种排版设计技法:

壹周速读:超级实用的 UI 设计小技巧合集

「几何构图」是版面设计元素,根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出理性之美。以下两篇文章,一篇是基础的知识点,一篇则是实际范例,来帮助大家深入理解:

干货·神器

壹周速读:超级实用的 UI 设计小技巧合集

现在有非常多提供免费音乐音效的网站,但要从庞大素材库找到合适内容并不容易,而这篇文章要介绍的「cchound」是一个收录 100% 免费、高质量 CC 授权音乐素材库,用户可通过类型、情绪、乐器和设备种类浏览,这些素材多半来自 FMA、Jamendo 或 Soundcloud 等网站,列在 cchound 会有标题、作者、标签、来源、授权方式,使用者可以在网页上实时播放,或将音乐下载为 .mp3 格式:

壹周速读:超级实用的 UI 设计小技巧合集

设计师 Kiel Mutschelknaus 在读研究生期间自学的3D和编程,创建了一个可以生成立体字体动态效果的网站,上面的海报就是用这个网站制作的,经过这几年不断的更新,现在这个网站非常强大,想要彻底弄明白里面的各种效果,就相当于学了一个新的软件。大家可以跟着研习设小凹的文章,打开网站,边看边学:

壹周速读:超级实用的 UI 设计小技巧合集

「Free Vector Illustrations & Animations」是由 Pixel True 提供的免费插图和动画素材,收录 150 个以 MIT License 授权向量图和动态图,包含三种风格、一些常见插图分类,像是分析、动物、冒险、商业、错误、安全、科技、网页等等:

壹周速读:超级实用的 UI 设计小技巧合集

这篇文章主要介绍了羚珑动图产品侧对压缩GIF格式文件的探索,其中归纳了压缩GIF的各种方法以及相关开源工具,如果你在日常工作中经常需要同 Gif 图打交道,那么这篇文章能够很好地帮助你了解 Gif 图以及优化压缩的方法:

新视野

壹周速读:超级实用的 UI 设计小技巧合集

2020年对于我们是魔幻现实的一年,但是苦难并不影响我们热爱生活和认真的去生活。在豆瓣话题“用现实场景创作一幅电影海报”下,有3800多万次浏览的目光落在3500+个回答上,在仔细观看每个人作品的时候,你能感知到有趣的思维和设计的艺术:

收藏 204
点赞 13

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。