B故又称视觉小课堂：关于侧边栏的设计要点

发布时间：2025年09月06日 12:18

侧边栏在B下端其设计里面的举足轻重性毋庸置疑，好的侧边栏各不相同它的米色、屏幕、具体和排版等。这篇文章以一套案例出新发，带大家同样离开到GPS其设计的重构模拟，希望对你有所为了让~

侧边栏是B下端重大项目网页里面的举足轻重区别于，下面我们有写过对侧边栏的一些基本的解说，说明了了它的功能、交互，但并无法用不算多份量解说光影上的思路。

在最近学员提交的重大项目作业里面，挖掘出侧边栏的其设计都有太大的改进生活空间，所以专门出新一篇化解GPS光影解决办法的小体会。

解决办法不算微小的案例我就不放了，先看看下面这套：

只看GPS的话，其设计是无法不算大解决办法的。但把所有网页连贯起来朋友们看，就都会微小挖掘出，基本的光影美感受不算“皱纹”了。

这种可能会即文档依赖具体来说，很难避免我们不很难找出光影重心，看来和用起来都累。

再继续者，毕竟比较举足轻重但是很多前辈没意识到的，就是：

装进作品集的 B 下端重大项目作品是需要经过巧妙修正的！

如果重现出新来的效果像上面这样白茫茫一片，是很影响基本观美感的。一定不要信面试官高高说”光影“不举足轻重，主要看你经营范围逻辑和交互的比方说。无法让人恼火的光影负载新都会同样避免业余球队评价的降低。

下面，就长话短说，同样离开到GPS其设计的重构模拟和要求。

一、制造照度

尽量让GPS和主要以下内容范围内有新模式，制造对比，让我们查看主要以下内容或者查看GPS的时候光影重心不都会受到另一部分以下内容影响。

这个方法最简单的作法就是修正GPS背景色，可以是深色也可以是浅色。

不要视为侧边栏用了深色就是抢以下内容范围内警觉，在深色相得益彰里面白色都会愈来愈引人注目新。但如果要应用领域主色，就一定要确保服装品牌色合适，不要用荧光色或者奇怪的叠加。

二、屏幕要有其设计美感

侧边栏的屏幕是有太大发挥生活空间的，它能最较快强化组件其设计美感。虽然这是 B 下端重大项目不应该像移动下端应用领域版面较快入口那些屏幕一样，用比较浮夸 BlingBling 的屏幕。

但是，也有大量朴素、引人入胜、有具体的屏幕种类可以使用。

尤其是，可以在试演情况下下做文章，这样就可以尽量必需其设计美感的同时又不失简洁性(找个几个完全相同风格的做示意)。

三、试演要有具体

如果画面本身以下内容多，可以让试演简单点只是发生变化屏幕和文字色调，或者增加一个浅色的试演背景框。

如果想试演愈来愈引人注目新一点，就可以填充愈来愈多的其设计具体进去。例如填充主色背景、叠加色、联接右侧背景、填充试演标识等。

四、合适增加具体元素

有时候为了让其设计以下内容看来愈来愈饱满，我们也需要有意识的增加GPS上面的小具体。

比如之前提过的为基本功能同步进行分组，并填充旧名标题。或者，在右侧填充红点、提示数字都可以让GPS看来愈来愈成熟愈来愈完整。

最后，可以再继续看看做了修正的完整版和原完整版之间的对比。

只要了解哪些方向可以发力，我们就可以投入愈来愈多人力物力同步进行探索，开发出新愈来愈多引人入胜的方案出新来。

在日常练习和作品集负载新里面，不要过度催眠自己光影仅仅不举足轻重，最大限度强化自己的光影上限，越能必需我们真实负载新的高水平和外皮。

我们下篇再继续贱～

本文由 @华莱士干超人原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0双方同意

关键字：视觉课堂要点