壹周速读:那些最有用的设计原则
当你拥有还不错的设计功底的时候,大概需要做好两件事情:1是把握好设计原则,让整个设计合理到位;2是追随当下的趋势,让设计更加贴合潮流。这期的壹周速读,不仅带你了解最新趋势,而且给你最有用的设计原则:
疫情,隔离,线下教育受阻,线上学习成为了主流,网购替代了去超市采购,娱乐和沟通都从面对面改为远程。需求的转变,也带来了新的增长。2021年,平面设计的趋势也在这些改变和增长中悄悄发生变化,下面是资深设计师 Iveta Pavlova 所总结的12个平面设计趋势:
预测来了!2021年平面和视觉流行设计趋势
编者按:2020年已经余额不足了,2021年的平面和视觉设计趋势会是怎样的?
阅读文章 >
1、尼尔森的可用性十大原则
「尼尔森十大原则」又称为「用户界面设计的10种可用性启发式」,是由雅各布·尼尔森(Jakob Nielsen)提出的10条交互设计一般原则。之所以将其定义为“启发式”,是因为它们是广泛的经验法则,而不是特定的可用性准则。「尼尔森十大原则」诞生了接近30年,在无数的产品设计当中得到验证,运用这些原则有助于我们试探设计的边界,探索设计的可能性:
用超多案例,帮你掌握尼尔森十大设计原则(上)
对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。
阅读文章 >
用超多案例,帮你掌握尼尔森十大设计原则(下)
对于尼尔森原则,很多人应该并不陌生,但是并没有系统的了解过。
阅读文章 >
2、UI动效设计的9大原则
迪士尼的动画设计12原则可能是传统动画领域,最为重要、价值不可估量的原则体系之一。这12条原则当中,绝大多数都可以应用到 UI 的动效和交互设计当中,从而让交互和体验更上一层楼。这篇文章基于这12条原则,梳理出了 9 条适用于 UI 设计的原则,一起来看看吧:
如何用最经典的迪士尼动画设计原则赋予 UI 灵性?
学习动画的同学应该都知道迪士尼的动画设计12原则吧?
阅读文章 >
3、金融类APP的十大设计原则
财务和金融相关的应用是一个相对专业的分支,在这个领域当中创造体验优异的设计并不是一件简单的事情。身为资深设计师Taras Bakusevych 在这篇文章当中,分享了10个确保这类产品足够优秀的核心设计原则:
这10个设计原则,是确保金融类产品体验优秀的核心要义
财务和金融相关的应用是一个相对专业的分支,在这个领域当中创造体验优异的设计并不是一件简单的事情。
阅读文章 >
4、图标设计的7大原则
创建高质量系列图标,你得使用一套周到系统的方法,需要有训练有素的双眼,大量的迭代学习,以及坚持实践,才能做到。下面的文章中,设计师 Helena Zhang 将结合7项设计原则,和大量的实际案例,来为你详细说明,如何创建高质量的图标:
搞懂这7个图标设计原则,你就能像专业图标设计师一样
编者按:设计原则总是看起来简单抽象不言自明的,但是在细分的设计领域,这些原则其实有着各自不同适用情况,有着「特定的条件」。
阅读文章 >
5、防呆设计的10大原则
简单的说,防呆设计就是帮助尽可能多的人进行「无脑操作」的方法。防呆设计,自然就是通过设计的方法来实现防呆。人们总是会犯错,无论是在用工业产品还是电子产品。虽然工业设计和产品设计是不同的行业,但设计的本质都是在寻找问题的解决方法,那就是如何更好地避免错误发生:
超全面!防呆设计的10个通用设计原则
编者注:什么是防呆设计?
阅读文章 >
6、最有效的信息组织设计原则
我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易的理解所显示的内容。这是提供良好用户体验的关键。在大量显示数据的方式中,有一种经受了时间的考验,并证明即使在今天也是高效的,它被称为「五帽架原则」:
五帽架设计原则:历史证明最高效的信息组织方式
Lisa :我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易的理解所显示的内容。
阅读文章 >
「满版构图」是将图片、文案和设计元素等充满整个版面,营造出丰富的画面效果,具有极强的代入感以及视觉感受,传递的情感也更加丰沛。满版文章的特点可以看这里:
教你一招!解决内容太多的排版问题
本期带来的是「满版构图」的使用攻略,当要营造丰富饱满、轻松热闹、充满趣味性等氛围的版面时,满版构图是不二之选。
阅读文章 >
而为了让大家加深对「满版构图」的理解,下面这篇借助敦煌旅游海报实操演示,帮助大家对这一排版知识进行深入理解:
内容太多如何设计?来看「满版构图」实操演示!
“满版构图”是将图片、文案和设计元素等充满整个版面,营造出丰富的画面效果,具有极强的代入感以及视觉感受,传递的情感也更加丰沛。
阅读文章 >
空状态是指用户在使用产品时遇到的因无数据展示而中断体验的场景。空状态并不全指异常状态,并不局限于产生错误的异常场景。空状态通常会有哪几种类型?在日常设计的时候,要注意哪些问题?还有哪些可供遵循的设计方法?「南山可」的这篇文章里有答案:
如何设计空状态界面?来看这篇超全面的总结!
想要设计出优秀的空状态,首先要学会理解需求。
阅读文章 >
响应式网页可以让网页自动的适应不同尺寸的显示器。这种形式的优点也是显而易见的,那就是高适应性和提升网页的实用性。如果你对于响应式网页了解不多,那么研习设的这篇文章,就帮你彻底梳理清楚:
不藏不掖着,响应式网页大揭秘来了!
大家肯定有过这样的体验,有些网站在电脑端使用起来还不错,但是并没有做相应的移动端口的适配,导致在用手机浏览的时候,非常不便,大大降低了网页的使用率。
阅读文章 >
设计师「CE青年」主要深耕于B端设计中,熟知B端表格设计与C端的巨大差异,无论是表格的展示形式还是承载内容上都非常不同。而现在网上有不少关于表格如何设计的文章,但要真正落到实处的少之又少,而他的这篇文章就主要聊聊表格,探讨一下B端表格究竟应该如何设计:
万字干货!超全面的B端设计指南:表格篇(上)
目前我主要深耕于B端设计中,深知B端表格设计与C端有很大的不同,无论是表格的展示形式以及承载内容上都有非常大的差异。
阅读文章 >
在设计图标的时候,很多这个图标和实际品牌、业务并没有什么联系,它仅仅满足了可辨识这个温饱需求。图标缺失品牌感,就会导致同质化的问题。这可能会导致产品缺乏记忆点,甚至导致设计话语权降低。那么,有没有什么系统、易于理解的方法来让我们的图标具备品牌感?来看看高手是怎么做的:
图标如何一稿过?来看京东的实战案例!
我们在画图标的时候,往往会忽略掉一个重要的问题:缺失品牌感。
阅读文章 >
「CleanPNG」是一个提供透明背景的免费图库,依照介绍,收录超过 300 万个具备透明背景的 PNG 图片,这些素材都有相当好的画质分辨率,提供 50000 个分类快速检索,帮助使用者快速找到需要的素材,也有搜寻功能可利用关键词查找,透过筛选器依照更新时间、尺寸大小、类型和颜色显示,就能在更快时间找到合适的图片:
免费下载!这个网站提供超过300万张免抠素材:CleanPNG
如果在设计时需要用到素材,但背景颜色不同,就要经过一个手动去背的步骤,才能让图片更符合当前设计样式。
阅读文章 >
这个问题相信有不少同学都遇到过,看到一款很喜欢的字体,但是死活找不到它的名字。私房课社群里的同学给出了一个网站,而笔者在此基础上,搜索多个网站后,把能「查中文字体」的神器都罗列出来,为大家做一个简单测评,看哪个更好用:
求字体网推荐!有了这个网站不用再问“这是什么字体”
前两天优设私房课免费周练群有个同学发了张图,说甲方一定要图上这种字体,他找了一下午都没看见,很头疼。
阅读文章 >
「CSS Background Patterns」是一个免费背景图生成工具,可以制作漂亮纯 CSS 背景素材,网站已提供一些基本图形设计,用户只要选取后就能立即套用到背景预览,除此之外,还能自定义背景、前景色、不透明和间距数值,实时呈现在网站上,对于想要一些简单构图背景、又不想造成阅读干扰来说是很有用的在线生成器:
想给网站换个背景图?这个神器提供超多免费素材!
网页比较少有背景图需求,多半都是以单色为主,如果觉得略显单调,也能使用纹理材质或渐层色做为背景,例如 Paper-co 就有许多日系的纸张纹理材质可用做背景,不仅看起来可以提升质感,也不会影响阅读造成负担:
若喜欢重复背景图 Hero Patterns 可以在不下载任何文件的情况下
阅读文章 >
设计师都知道作品集的重要性,但每次想整理的时候,又总觉得好像无从下手。彩云的这篇文章就跟大家聊聊,一份好作品集要怎么做以及要注意的地方:
腾讯设计师:从零开始帮你做出能进大厂的作品集
Hi,大家好,我是彩云。
阅读文章 >
很多刚入行的 UI 设计师,一直处于比较恶劣或者枯燥单一的工作环境里,经过一两年的实践感觉自己还在原地踏步,毫无寸进。这时候就要审视一下,未来的出路在什么地方,应该如何提升自己,要如何掌握进阶的方法,进入更好的平台中去。想要从初级设计师进阶,看这里:
工作一两年还在原地踏步的UI设计师,该如何进阶学习?
大家知道,长期以来我们一直在坚持分享一些基础的干货内容,那些看书、看分享很难系统搞得明白的知识点,这和我个人对基本功的执念有密不可分的关系。
阅读文章 >