当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

一张壁纸的设计思考(2)

来源:站酷 作者:我是稻米鼠 学习:6260人次

纯色那种光溜溜的感觉,总会看的人眼睛在上面打滑,嗯就是这么一种感觉。太纯了就素了,所以我们总要进行适当的修饰的。也许渐变是一种好办法,比如径向渐变,让壁纸的中间略略的亮起,在这种简洁的壁纸中这种小技巧还是很实用的。

但是这里有一个很技术的性的原因导致我们必须回避渐变——这种代码男的工作环境对显示器的要求很低,其实黑白显示器他们都能凑合(如果有的话),那么……如果……你还记得我梦当年面对的 32 位色 和 256位(真色彩)的时候的渐变是什么样子吗?一条一条的婉若彩虹,我们总不希望自己的作品被人看到那样一副德行展示吧。

所以我选择了添加杂色,这种方法简单却不单调(比如图案叠加很容易产生重复感或者形成如布纹的纹理感)。杂色的密度是可以很高的,而杂色的显示则只是淡淡的,只要缓解视觉上的单调感就可以,完全没必要让人注意到它的存在,比如我选择的是 16% 的透明度,使得它在那里,影响着你的感受,你却很难留意到它的存在。在此表扬一下默默无闻的起着作用的杂色君。

一张壁纸的设计思考

 

主体内容:

主体只需要网址即可,但是只是写上网址又显得呆呆的。所以要给他一个合理的出场方式。监狱朋友每天面对各种命令窗口,那么我也让网址按着命令窗口中的格式去显示好了。你也许会说,这个创意是不是先有的,所以我才选择了深色背景?

这个还真不是,作为一款壁纸,我首先注意的是它的颜色对于需求的适合与舒适,然后才是内容的创意。其实就算我选择浅色背景我一样可以使用这个创意,只是把文字换成深色即可。不信你可以试试,把文字和背景的颜色对调,一样舒适。

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

1.提示符

命令窗口的提示符其实有很多种样式,这里我选取了两种样式,一种是 “>” 一种是 第二行的绿色矩形。之所以使用两种,就是为了让人清楚地意识到这是在命令行中的显示状态,否则很容易让人不知所云。包括 “>” 在两行行首的使用与实际有所差别也是为此目的。毕竟我决不可能按照实际画一个窗口上去,那么我必须使用一些特别的元素让人清楚地意识到这是什么,于是我选择了最有代表性的元素——提示符。

2.等宽字体

一般的,常写代码的朋友都喜欢使用等宽字体,但是为了美观我则选择了一款比较中性的没有复杂变化与装饰的字体。

简洁易识别是为了尊重程序猿的喜好,而不用等宽字体则是为了一定程度上的美观,这是设计与现实结合产生的结果。

3.字体大小

不要好大!虽然我们经常会做一些文字大出画布的设计来凸显文字。但是在这个案例里千万不要。因为一般命令行的文字都是很小的(当然自己设置除外,不过大多数情况如此)。我们如果把文字放得很大,就会显得很反常,让人不舒服。

但是很小呢?其实小一些在使用上不会有什么问题,使用者的感受应该也是不错的,毕竟这很符合程序员的日常习惯(虽然未必符合设计师的审美)。但是这里我们要注意到这样一个问题,这款壁纸可能会被他们公司使用,进而的,在某些宣传照片(拍摄办公环境)中显示,这时候要使网址清晰地展示就比较的重要了,所以文字不宜太小。应当在让程序员觉得和谐的情况下适当放大。

4.文字颜色

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!