本文探讨了如何通过增加细节来改善视觉设计，特别是针对单一颜色背景的网页设计。通过引入中国风元素，如祥云图案，使得设计更加丰富和谐。
12-7-29
如果你有了一个合理的配色，那还远远不够！细节的丰富才能让视觉设计美妙起来！
这就好比，有一个优美的旋律，歌曲还不能让人琅琅上口，必须要有歌词，歌词啊！！！歌词让旋律活起来！（当然，虽然也有歌词毁了旋律的……但是这不是重点）
额，还是言归正传吧。上次的设计图是这样的：
把之前的效果图给他们看的时候，他们都说，那个红色是不是该换了。我仍然坚持。一方面是，这个深红色是我的主题色，是我这一配色方案、设计风格的灵魂，灵魂怎么能换掉？！另一方面是，在我看来，不是红色不对，而是红色和里面浅浅的蓝色，两者不搭调。而观其整体，整个设计风格是还是比较沉稳的。红色没有错，是那个天空蓝不合拍！
那如果不要这个浅蓝，换成一个百搭的颜色呢？
然而，当我换掉蓝色的天空背景，百搭的灰色时，效果却仍然不理想：
问题在哪里？？完全符合看起来还不错的配色方案，然而实际效果却很平淡——为什么？为什么？为什么？
好嘛，答案已经在开头写出来了——缺乏细节！！缺少内容！！
出现问题的时候，三个寻求解答的方式：a、操起鼠标，一阵尝试！多试几下，总有一款适合你！——没有思路和灵感的时候的最佳方式。像无头苍蝇一样一阵乱撞，说不定真能找到正确的路。不过这种没有根据仅凭运气的方式显然不是我的菜，如果我认为这个问题是可分析的，我一定会走捷径，先分析出哪条是捷径，然后走捷径。b、分析。先直观感受问题的方向，然后加以理性分析，找出问题所在。c、观察。牛顿站在巨人的肩膀上摘到了苹果，这是一个很感人的益智故事，启发我们，混饭吃要学会把别人踩在脚下……开个玩笑，这个故事启发了我们（笔者45度仰望天空），学习和借鉴的重要性~我们的身边不乏成功的例子，不乏解决问题的例子，观察和学习他人解决问题的方式，会给人的能力和效率带来大大的飞跃！
好，换到这个实际的例子里面来。
分析。背景的暗红色，的确能给人一种沉稳的感觉（其实也有点偏粉了），但是一整块，而且是很大的一整块，怎么都感觉单调。还有内外的不协调，外面如此淡定，而里面是一个轻柔淡雅的浅蓝色渐变小清新……跳跃思维。推翻单调和不协调。单调。不协调。丰富外面的背景同时让它和里面的搭调？不，不，里面太清新，不能让它拉垮了整体的调调，必须改。改变里面的背景让它沉稳下来同时改变整体的单调？可行。也可以两边都入手。我不想要渐变了，实体的内容会更沉稳，对于代码的优化也更有利。我想到了水印、书法、水墨。
观察。去看看别人的杰作。思考他们的设计为什么没有出现这种问题，他们是怎么做的。看了很多网站。发现优秀好看的网站设计很少使用大块的纯色。他们往往用一些方法来避免纯色。渐变是一个方式，不过大面积的渐变容易制造轻浮的感觉。另一个就是用很多色相相近的纹路、图案，总之，就是要让画面有变化。如：
（试想如果没有这些细节下面的界面会变成什么样子）
于是，我带着这些思路开始了我的新一轮尝试。
我的想法是，中国风。
我开始在网上搜集中国风的图片。
剪纸。剪影。祥云。水墨。书法。福字。红。梅。海纹。蝙蝠纹。窗。瓷。茶。门。戏。鸟笼。龙。
效率/简洁。亲近/清爽。严谨/条理。
中国。人民。保险。
（废话一句，看了这么多，中国的style给我有两种感觉，一种清秀淡雅，一种雄壮有力。一般不会太具体、立体，中国的祖先喜欢把艺术从事物中抽象出来，形成图案，这之中就凝聚了中国的味道。）
下面是发挥感性思维的时候了。受了这么多图片的启发，现在要我从这些里面抽象出我想要的东西，用到我的设计中。
直接说了吧，我选择了祥云图案。我把里面的背景直接去掉变成灰色，外面的红色打上了祥云的柔光：
结果——看起来马上不一样了！立刻就和谐、舒适了！
谨慎一点地想，会不会太“喜庆”了哩？中国。人民。保险。祥云很合适嘛，又是代表中国文化的图案，有代表人民心中吉祥如意的愿望……再稍微调整一下让祥云图案更佳的隐入背景中就好了。于是——
OMG，中国风成功了！
恩，其实再细想一下，成功的不是中国风，而是带有中国风的图纹。这些图纹为背景增加了细节，同时也增加了可看性。远看，或许有没有细节是同一个感觉（这看到的就是配色），但是近看感觉就大不相同！而作为网页界面，与使用者的双眼相距仅仅只有30厘米左右，在被使用时会被一直紧紧地盯着，所以细节就显得相当重要！界面的设计必须武装到细节！
和队友们再讨论，再思考，再完善一下：男生不喜欢粉色，所以去掉不透明度。再细致一点，制作了一条传统的波浪纹，柔光打在内部灰色界面的上方，增加细节。
DONE!
扫一扫
1404
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
