发布时间:2024-02-29 11:09:13 浏览量:171次
我本质上倾向于成为一个相当实用的设计师,因此我不得不学习如何在这里和那里增加一些华丽的辞藻,因为我已经将注意力转移到产品上而不是纯粹的可用性。
功利主义:强调有用性/实用性而非吸引力
建立品牌的最佳机是在原型或内容引导场景。诸如启动页面,标题区域和模态之类,这些UI元素是注入一些品牌和角色的最佳选择。它们为页面的其余部分奠定了品牌基础。
但实际情况是,当我们想摆脱无聊的插入式模式,构建更具吸引力的营销方案时,我们发觉我们不具有像插画大师一样的绘画能力,或者高超的icon绘制技巧。或者当我们这些对扁平插画不是特别了解的人,不知道那些简单的启动页从哪里开始。
UX Power Tools可以为您提供一些实现品牌目标的基本方法,而无需占用您的时间。以下是一些利用颜色,图形和模式将产品品牌添加到UX工作流程的简单方法。
闪屏页的品牌化
使用的工具:IconFlower插件,Colorful Gradients插件,IconJar,Coolors
这是本文中“最纯粹”的品牌UI元素,因为它的唯一目的是为产品的其余部分建立基础。我认为这种设计通常属于营销领域,没开玩笑,在你的优先级的前三个不会有它的身影。
别在Dribbble找灵感了!Dribbble就像一个闪屏页面的博物馆,它们都是宏伟的艺术品。幸运的是,你不必做一个酷炫到冒泡的闪屏。
让我们假设你正在为一个新的应用程序创建一个启动页面,比如这个app是修房子的应用。
我们称之为“Fixt”
最简单的,你可能想到要把名字放在闪屏,logo也放上去,就像medium的闪屏。
尽管这很无聊,但它至少告诉我这个应用程序是什么。在Medium的案例中,它在UI上保留了大量的空白,因此这是个简单的交互界面。他们的品牌设定也很成熟,所以他们只需要展示他们的logo。
但对于我们的应用程序,这感觉有点平淡。
1.作为初创公司,我们需要发挥更大的影响力。让我们试着加点背景色:
我们使用像Twitter这样的扁平蓝色,用它填充屏幕的感觉会更好。我们的应用程序都是关于行动的,我们想要加深这一点。你可以通过图片来体现深度,但是已有的照片没有生气,除非它们可以被自定义,否则它们并不是真正的品牌。
2.添加深度的一种方法是采用渐变。比如,加入二级品牌颜色:
并非所有品牌颜色的组合都有效,有时你的产品可能没有二级颜色。在LinkedIn中,他们使用从中心延伸的简单径向渐变。我们正在使用我们的二级品牌颜色右下角的渐变填充。任何一个都只是小诡计。
如果你没有二级品牌颜色,打开 coolors.co 并输入基色,锁定它,然后按空格键直到找到你喜欢的组合。你还可以使用sketch渐变插件来简化:
3.让我们更进一步,通过创建一个背景元素来增加更多深度:
Laserlike具有可以组合形状。对于我们的应用程序,我们针对使用情况加以暗示,因此我从 Nova获取了一组图标,这些图标是这个虚拟应用程序的“工具”。然后我用 设计师Avadh Dwivedi 设计的超棒的Icon Flower插件将图标从中间旋出。
是不是看起来感觉很复杂呢
但是其实并不复杂
好了今天UI设计的简单小技巧就介绍就到这里了
在这里我相信有很多想要学习UI设计的小伙伴,我自己是一名从事了多年UI设计工作的设计师,辞职目前在做自己的私人定制课程,今年年初我花了一个月时间整理了一份最适合2019年学习的学习干货,从最基础到实战都有整理,送给每一位想学习的小伙伴,想要获取的可以关注然后私信我“学习”两个字,即可免费获取资料,伸手党勿扰~
想获取这些素材礼包资料的朋友可以直接找我领取哦
热门资讯
想要了解iPhone6界面设计的尺寸规范吗?这里为您详细介绍iPhone6的UI设计尺寸规范,包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
3. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程,以及培训后的职业发展机会。
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
想了解武汉UI设计培训班的费用是多少吗?不知道学UI设计要花多少钱?不妨看看这篇文章,了解UI设计培训班的学费价格以及学习内容。
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
同学您好!