3个简单的UI设计技巧

Eva Zhao

我将为大家带来3种非常简单实用的UI设计技巧,这些技术和处理像素有关,只是简单地操作像素来使你的UI设计变得突出,但现在很多现代的设计潮流都经常使用这些技术,它确实有着不错的效果。它为设计带来了更加立体和触手可及的感觉。

1、像素阴影

像素阴影的UI设计技术实现起来非常简单,就是为图像增加一个像素的硬边投影。简单来说,就是在Photoshop的图层混合选项里选择投影,并将尺寸(Size)设为0,将距离(Distance)设为1px。由于只有1个像素的阴影,设计上不会给人过度使用的感觉。

pixel shadow.jpg

2、阴影加高光

这是是一种不怎么起眼,但是却效果不错的UI设计技术。

当标题标题部分为深色,在增加了一个柔和的阴影后仍然没有给我们一种突出的感觉,这时用到阴影加高光的UI设计技术。方法很简单,用像素分割的方法。在标题和内容之间,增加1个像素的白线,并适当降低透明度。

shadow contrast.jpg

3、两像素分割

两像素分割技术在UI设计和网页布局运用非常广泛,这是一种比较细微的视觉效果。可能不会引起注意,但是如果运用恰当,它的效果真的非常不错。

将画面在photoshop放大,这样我们就可以进入像素级别的工作。新建一个图层,选择铅笔工具,选择白色的前景色,按住Shift键,这样你就可以在菜单和logo之间画一条1个像素的直线。用同样的方法,在白线的上方,绘制一条黑线。通常我会根据自己的需要用Photoshop调节它们的透明度,使它们和周围的颜色融合。

pixel cut.jpg

关于作者

Dan Hu

Eva Zhao

Subscribe to Our Newsletter

We will deliver China-related web design, web development, and digital marketing information or tips every month.

Stephen Tseng
Stephen Tseng

不要让不确定性束缚你的SEO营销策略

无论是政策变化、经济波动,还是突发的全球事件,企业在制定营销策略时常常需要面对各种变数。不确定性营销决错失大量的市场机会。可能导致营销决策的延迟和执行的犹豫,但如果因此停滞不前,那么企业将错失大量的市场机会。

继续阅读 →

Stephen Tseng
Stephen Tseng

B2B 业务增长的关键:解析行业平均转化率及行业基准

在竞争激烈的 B2B 市场中, lead conversion rate(潜在客户转化率) 是衡量业务成功与否的关键指标之一。它不仅反映了营销策略的有效性,还直接影响到公司的收入增长。本文将深入探讨 B2B 平均转化率的相关数据和行业基准,并为您带来提升转化率的实用建议。

继续阅读 →

Stephen Tseng
Stephen Tseng

内容营销对 SEO 到底有什么用?B2B 出海营销的最佳策略指南

在数字营销领域,“内容为王”早已不是口号,而是决定企业能否被全球潜在客户发现的关键。这一点对正在拓展海外市场的 B2B 企业尤为重要:内容营销与 SEO 紧密结合,才能真正将流量转化为有效询盘和长期客户。

继续阅读 →