一张壁纸的设计思考与实践(一张壁纸的诞生)

本文主要介绍壁纸的设计思维与实践(壁纸的)，下面跟着东辰网详细了解一下吧。

朋友需要一张他们网站的壁纸。一般般。朋友的需求不会挑剔和重复，设计心情自然很舒服。

需求分析:朋友是一家主机公司。我经常和他聊天的时候，他会告诉我，他因为什么需要飞到，一个人蹲在机房里打无聊的命令。他说这话的时候，往往是中午...辛苦可见一斑。

好吧，IT男，天天处理订单。这是这个设计面向的对象(不是面向对象编程，我是怎么想到这个的...我是否暴露了程的身份，一个业余爱好者？低调.)，那么就要注意这个身份对应的爱好和习惯。

背景选择:纯色，这个IT男一般比较专注，复杂的背景只会让他觉得信息量大，影响心情。你觉得是为什么？那为什么二次元在IT屋这么受欢迎？Isn难道是因为信息量小于现实或者三维？(对比二维图片和照片的大小，也可以得出同样的结论)

它说了什么？我没有。;我没看见！我没有。;我什么也没看见！专注于工作的人，为了减少干扰，一般都喜欢简洁，这样可以全身心投入到对工作的思考中，所以选择纯色，不要太亮，深沉稳重。毕竟这壁纸可能是他们公司用的，总要有点商业气息吧。

但它可以不要太亮或太暗。黑色自然要排除，因为太压抑，影响心情。那么，如何做到一个和两个都合适呢？这是一个复杂又简单的问题。

之所以复杂，是因为如果考虑各种配色理论等等，不容易确定一个准确的数值。简单来说，我有特长。——省眼，这是一个附属功能(或者根本没有，现在很少有人看壁纸，例如，我不几天不看桌)。但是保护眼睛的另一个意思是——很舒服。

什么是舒适亮度？是与周围环境融为一体的亮度，让人忘记了存在感。It说起来很复杂，这么高。事实上，它在正常光线下，黑色显示器框架的亮度。

为什么是黑色显示器边框？IT男更喜欢黑色~这时候亮度和显示融为一体，仿佛一切都应该是这样，舒适度很高。

确定亮度，然后选择颜色。我选择了蓝色。为什么？IT男爱蓝色(唉，你刚才好像说你爱黑)。蓝色会展现科技的风格，给人一种未来感。这个配色方案的正确性已经得到了微软的证实。比如他们选择了死亡蓝屏而不是绿屏和红屏花瓶(花)。为什么？我开始眼看到它的时候觉得，哦，它这太酷了！

开个玩笑~蓝色是商业和科技领域普遍的首选配色方案，所以我不我不需要它。和谁？有了亮度和颜色，我们很容易在调色板中选择，事实上，我们不不需要太精确，只要看起来舒服就行，所以我选了#313440这个颜色。

背景装饰:纯色的感总是让人s的目光滑过它。嗯，那这是什么感觉。如果它太纯洁了，它的素食主义者，所以我们总是要做适当的修改。也许渐变是个好办法，比如径向渐变，让壁纸中间稍微亮一点。这一招在这种简单的壁纸中还是很实用的。

但是有一个非常技术性的原因，为什么我们必须避免梯度。编码人——对显示器的要求很低。事实上，他们可以凑合黑白显示器(如果有)，所以...如果...你还记得我在梦里面对32位色和256位(真彩)时的渐变是什么样的吗？一个接一个，如果是彩虹，我们总是不我不希望我们的作品被视为美德的展示。

所以我选择加入杂色，简单但不单调(比如图案的叠加很容易产生重复感或者形成布料之类的质)。杂色的密度可以很高，但杂色的显示只是微弱的，只要能缓解视觉上的单调，就没必要让人注意到它的存在。比如我选了16%的透明度，让它在那里，影响你的感受，但你很难注意到它的存在。在此，我要表扬一下这位默默无闻、功能齐全的杂色绅士。

正文内容:正文只需要网址，但是光写网址就索然无味。所以给他一个合理的玩法。狱友每天面对各种命令窗口，所以我也让网站按照命令窗口里的格式显示。你可能会说，是不是先有了这个想法，所以我选择了深色背景？

这真的不是。作为壁纸，我首先关注的是它的颜色对于需求的适宜性和舒适性，然后才是它的内容的创意性。其实就算我选了浅色背景，我还是可以用这个思路，把文字改成深色就行了。如果你不t相信我，你可以试着切换一下文字和背景的颜色，同样很舒服。

然后就涉及到几个小问题:

1.提示

命令窗口中的提示符实际上有很多种样式。这里我选择了两种风格，一种是另一个是第二行的绿色矩形。之所以使用两者，是为了让人清楚地意识到这是命令行中的显示状态，否则容易让人混淆。也正是为了这个目的，使用包括开始的两行与实际使用的不同。毕竟，我永远无法根据实际情况画出一个窗口，所以我必须使用一些特殊的元素来使人们清楚地意识到这是什么，所以我选择了最具代表性的元素，——提示。

没那么大！虽然我们经常做一些文字大于画布的设计来突出文字。但是在这种情况下，请不要。;t.因为一般命令行的文字都很小(当然除了自己设置，但是大多数情况)。如果我们把文字放得很大，会显得不正常，不舒服。

但是它它很小？事实上，在使用较小的不会有问题，用户s的感情应该不错。毕竟，这是符合程序员的日常习惯(虽然可能不符合设计师的审)。但是这里要注意这样一个问题，这个壁纸可能是他们公司用的，然后在一些宣传照(拍摄办公环)中展示。这时候更重要的是让网站清晰的展示出来，所以文字不能太小。应该在让程序员感觉和谐的情况下适当放大。

4.文本颜色

事实上，命令行上有两种常见的配色方案:黑底白字和黑底绿字。但是绿色的文字明显不够突出或者和谐，所以我选择白色，然后调整亮度使之与整体亮度和谐，所以我其实选择了亮灰色。

5.提示颜色

这是第二行中绿色矩形的颜色。其实命令行中的绿色提示是亮绿色的，只是为了整体和谐而改成了深绿色。从此整体配色一体化，主要是明度的统一。

6.文本位置

壁纸里的内容是从来不留的，因为可能会影响图标的显示效果，难以识别。

壁纸中的内容永远不会靠边站，因为在不同尺寸的屏幕中，由于各种裁剪条件，可能无法完整显示。

那么上下左右居中简单吗？不要！

要考虑到任务栏(Doc)会遮挡一部分壁纸，所以如果只是简单居中，实际使用中总会感觉内容较低。

正确的做法是左右居中，然后上移30个像素(根据实际情)。我我实际上是以第二个行为基准为中心的。

到最后，好像壁纸也完成了。但是这里有一个小细节。

如果只在背景中加入噪点，背景和主体内容的质感会不一样，导致主题的不协调。

所以其实我做的就是复制一个纯色的背景图层，添加噪点，透明度设置为16%，然后把这个图层放在所有图层上面(对比下面两种方法，吻合度还是很大)。

至此，一张色彩完美、极客风格完美的简约壁纸完美出炉~

朋友需要一张他们网站的壁纸。一般般。朋友的需求不会挑剔和重复，设计心情自然很舒服。

需求分析:朋友是一家主机公司。我经常和他聊天的时候，他会告诉我，他因为什么需要飞到，一个人蹲在机房里打无聊的命令。他说这话的时候，往往是中午...辛苦可见一斑。

好吧，IT男，天天处理订单。这是这个设计面向的对象(不是面向对象编程，我是怎么想到这个的...我是否暴露了程的身份，一个业余爱好者？低调.)，那我孩子要注意这个身份对应的爱好和习惯。

背景选择:纯色，这个IT男一般比较专注，复杂的背景只会让他觉得信息量大，影响心情。你觉得是为什么？那为什么二次元在IT屋这么受欢迎？Isn难道是因为信息量小于现实或者三维？(对比二维图片和照片的大小，也可以得出同样的结论)

它说了什么？我没有。;我没看见！我没有。;我什么也没看见！专注于工作的人，为了减少干扰，一般都喜欢简洁，这样可以全身心投入到对工作的思考中，所以选择纯色，不要太亮，深沉稳重。毕竟这壁纸可能是他们公司用的，总要有点商业气息吧。

但它可以不要太亮或太暗。黑色自然要排除，因为太压抑，影响心情。那么，如何做到一个和两个都合适呢？这是一个复杂又简单的问题。

之所以复杂，是因为如果考虑各种配色理论等等，不容易确定一个准确的数值。简单来说，我有特长。——省眼，这是一个附属功能(或者根本没有，现在很少有人看壁纸，例如，我不几天不看桌)。但是保护眼睛的另一个意思是——很舒服。

什么是舒适亮度？是与周围环境融为一体的亮度，让人忘记了存在感。It说起来很复杂，这么高。事实上，它在正常光线下，黑色显示器框架的亮度。

为什么是黑色显示器边框？IT男更喜欢黑色~这时候亮度和显示融为一体，仿佛一切都应该是这样，舒适度很高。

确定亮度，然后选择颜色。我选择了蓝色。为什么？IT男爱蓝色(唉，你刚才好像说你爱黑)。蓝色会展现科技的风格，给人一种未来感。这个配色方案的正确性已经得到了微软的证实。比如他们选择了死亡蓝屏而不是绿屏和红屏花瓶(花)。为什么？我开始眼看到它的时候觉得，哦，它这太酷了！

我开个玩笑~蓝色是商务和科技领域常见的首选配色。我应该用谁来代替？有了亮度和颜色，我们很容易在调色板中选择，事实上，我们不不需要太精确，只要看起来舒服就行，所以我选了#313440这个颜色。

背景装饰:纯色的感总是让人s的目光滑过它。嗯，那这是什么感觉。如果它太纯洁了，它的素食主义者，所以我们总是要做适当的修改。也许渐变是个好办法，比如径向渐变，让壁纸中间稍微亮一点。这一招在这种简单的壁纸中还是很实用的。

但是有一个非常技术性的原因导致我们避免——的逐渐变化。码男的工作环境对显示器要求不高。事实上，它们可以显示黑白。还不错(如果有)，那么...如果...还记得我梦见32位色和256位(真彩)时的渐变是什么样的吗？一个接一个，如果是彩虹，我们总是不我不希望我们的作品被视为美德的展示。

所以我选择加入杂色，简单但不单调(比如图案的叠加很容易产生重复感或者形成布料之类的质)。杂色的密度可以很高，但杂色的显示只是微弱的，只要能缓解视觉上的单调，就没必要让人注意到它的存在。比如我选了16%的透明度，让它在那里，影响你的感受，但你很难注意到它的存在。在此，我要表扬一下这位默默无闻、功能齐全的杂色绅士。

正文内容:正文只需要网址，但是光写网址就索然无味。所以给他一个合理的玩法。狱友每天面对各种命令窗口，所以我也让网站按照命令窗口里的格式显示。你可能会说，是不是先有了这个想法，所以我选择了深色背景？

这真的不是。作为壁纸，我首先关注的是它的颜色对于需求的适宜性和舒适性，然后才是它的内容的创意性。其实就算我选了浅色背景，我还是可以用这个思路，把文字改成深色就行了。如果你不t相信我，你可以试着切换一下文字和背景的颜色，同样很舒服。

然后就涉及到几个小问题:

1.提示

命令窗口中的提示符实际上有很多种样式。这里我选择了两种风格，一种是另一个是第二行的绿色矩形。之所以使用两者，是为了让人清楚地意识到这是命令行中的显示状态，否则容易让人混淆。也正是为了这个目的，使用包括开始的两行与实际使用的不同。毕竟，我永远无法根据实际情况画出一个窗口，所以我必须使用一些特殊的元素来使人们清楚地意识到这是什么，所以我选择了最具代表性的元素，——提示。

没那么大！虽然我们经常做一些文字大于画布的设计来突出文字。但在这种情况下，永远不会。因为一般命令行的文字都很小(当然除了自己设置，但是大多数情况)。如果我们把文字放得很大，会显得不正常，不舒服。

但是它它很小？事实上，在使用较小的不会有问题，用户s的感情应该不错。毕竟，这是符合程序员的日常习惯(虽然可能不符合设计师的审)。但是这里要注意这样一个问题，这个壁纸可能是他们公司用的，然后在一些宣传照(拍摄办公环)中展示。这时候更重要的是让网站清晰的展示出来，所以文字不能太小。应该在让程序员感觉和谐的情况下适当放大。

4.文本颜色

事实上，命令行上有两种常见的配色方案。种类:黑底白字，黑底绿字。但是绿色的文字明显不够突出或者和谐，所以我选择白色，然后调整亮度使之与整体亮度和谐，所以我其实选择了亮灰色。

5.提示颜色

这是第二行中绿色矩形的颜色。其实命令行中的绿色提示是亮绿色的，只是为了整体和谐而改成了深绿色。从此整体配色一体化，主要是明度的统一。

6.文本位置

壁纸里的内容是从来不留的，因为可能会影响图标的显示效果，难以识别。

壁纸中的内容永远不会靠边站，因为在不同尺寸的屏幕中，由于各种裁剪条件，可能无法完整显示。

那么上下左右居中简单吗？不要！

要考虑到任务栏(Doc)会遮挡一部分壁纸，所以如果只是简单居中，实际使用中总会感觉内容较低。

正确的做法是左右居中，然后上移30个像素(根据实际情)。我我实际上是以第二个行为基准为中心的。

到最后，好像壁纸也完成了。但是这里有一个小细节。

如果只在背景中加入噪点，背景和主体内容的质感会不一样，导致主题的不协调。

所以其实我做的就是复制一个纯色的背景图层，添加噪点，透明度设置为16%，然后把这个图层放在所有图层的上面(对比下图的两种方法，吻合度还是很大)。

至此，一张色彩完美、极客风格完美的简约壁纸完美出炉~

了解更多壁纸的设计思维与实践(壁纸的诞)相关内容请关注东辰网。