网站设计如何做好一个Banner 让嘈杂背景上的文案显眼

教师之友网

网站设计如何做好一个Banner 让嘈杂背景上的文案显眼来源:飞鱼的声纳 作者:扬扬 2013-07-20



　　一、我该继续做网页设计吗?(奕暄)
　　我现在快毕业一年了，专业是软件工程，很不喜欢这个专业，所以当时就没有选择本专业的工作，可是我很喜欢做设计，喜欢漂亮的图片，实习的时候开始做网页设计，做了三个月，是个很一般的设计，网站的div+css也是在学校学过的，后来经朋友介绍到一家游艇公司做平面设计，现在是做了8个月了，设计水平做企业内部的一些东西还是很一般的。我现在准备辞职了，我是觉得没有方向了，很迷茫，不知道接下来找个什么样的工作，我的设计水平不高，很想培训一下或者其他，平时工作挺忙的，也没什么时间学习，所以现在对这个职业规划直接就断了。我想请您给我指一条路，我是继续做网页设计呢，还是直接转行了，需要再深造吗?
　　答复：这个我不能断言你到底该做哪一行，因为个人的实际情况只有自己最清楚，也不是你上面那一段文字能说得明白的，但是我想你如果真的喜欢网页设计，就不要轻易的丢掉它，不管你以后是否从事和设计相关的工作，是否靠它吃饭，哪怕从事和设计完全搭不上界的工作，也可以把网页设计作为一个个人爱好坚持下来，这个爱好就像有些人喜欢打篮球、打网游、搞搞户外活动一样，没什么区别。为什么要坚持?有一句话话糙理不糙”有钱难买爷高兴!”，难得我们自己还有个兴趣爱好啥的，人生也就多了些乐子，既然喜欢，就抽出些时间精力弄一弄，别的不说，自己快乐也不挺好吗?很多人会说工作太忙没有时间，我觉得这不能成为一个理由，唯一的一个理由就一个字：懒。我分析你目前的迷茫和纠结主要是设计上长时间没有提高造成的。解决这个问题一是自己挤出时间加强平时的学习，二是如果条件允许，让自己充个电再开始工作，也没什么不可以，具体的情况自己拿主意。我也只能给你这些建议，能对你有一丁点的用处，那就再好不过了。
　　二、如何让嘈杂背景上的文案显眼?(稻草人)
　　如果做一张广告图，都是原图背景比较花，有哪几种办法可以把广告词的字让他比较显眼呢?比如下面这样的一张图，差不多就只有右上角有一定的位置来排放文字但是整体颜色都偏暖了，鞋子本身就不突出，而且可以排放文字的位置也小，感觉处理背景或者说给文案加纯色背景都不好处理。文案内容：头层牛皮99元，新款
　　

　　答复：如何让嘈杂背景上的文案突出，这个要看具体的案例，一般的处理方式有：1、处理背景，高斯模糊、叠加图案，通过渐变遮挡部分背景;2、处理文案，给文案添加纯色背景，将其与背景隔离开。就这个按理来说，首先是分析信息，明确哪个是需要突出的重要信息。就你所言，是要突出头层牛皮这个卖点，那么完成后的效果如下图所示，供你参考。
　　

　　三、如何完成一个Banner的设计?(静忆云熙)
　　下面是我做的一个Banner，请大家点评，不知道该怎么设计好看。
　　

　　答复：我只能说说大的设计步骤，具体设计还要你来做。从你这个设计可以看出你的思路没有打开，完全被策划图限制死了。就你这个按理来说，设计的步骤应该如下：首先提取文案中的关键词，这里应该是”合作”，”赢”两个词，然后围绕这两个词展开联想，把你能想到的图像记下来，最好简单画出草图;然后进一步评估你的可选方案，选择你认为准确的，最能体现关键词的图像，进一步画出草图、注意和网站整体风格的搭配，以及布局、视觉层次、色彩方案的搭配，初步做到目标明确，心中有数;最后选取素材，进行设计，设计的过程中不断评估设计，不断改进设计，直到完成。下面的设计案例你可以参考：
　　

　　四、如何做好这个Banner?(石头)
　　细节方面无从下手，请群主点评。
　　

　　答复：整体的气氛感觉是清新、阳光的感受，但文字使用的偏暗的蓝色和红色没有和整体的气氛契合，色彩上不搭，给人一种脏脏的感觉。最重要问题是主视觉部分不够饱满，看上去压不住整体的气氛，显得有些单薄，文字的间距太大，看上去过于松散，细节也不够。创建这样的3D文字，可以用illustrator来做，再拷贝到ps中进行细节的刻画。根据质感注意表现出高光、亮部、暗部、阴影、反光等几个调子。一般的方法是：1、先做出3d文字的基本样子;2、用钢笔抠出每一个面，添加样式;3、叠加一些质感。下面几个3D文字的设计案例，供你参考。
　　

　　

　　

　　五、关于中英文字体在设计中的应用(囧捷风囧)
　　就是现在很多的一些网页，特别是国外的网页，你看去很好看，简约大气上档次，当然其中包含很多细节的处理，但我在想如果将英文换成中文就不那么好看了，当然可能跟我接触使用的字体比较少有关吧
　　中文字体的使用有什么心得呢群主。。。
　　答复：如果换成中文字体是会受一定的影响，一是英文的字体节奏感和中文不一样，英文单词有长有短，整体感比单个单个的中文字体要强，二是英文字体比较多，可选择的范围较大，中文字体相对来说要少得多，所以在设计上限制也较多。关于字体的使用，中文字体和英文字体一样，分衬线和非衬线两种，非衬线字体适合简约、干净的设计风格，而衬线字体例如宋体，更适合中国风等艺术感较强的设计。平时能看到很多这样的好的设计，比如下面的这个设计就是使用宋体的好范例。
　　

　　以及下面的这个设计中使用的中文字体：
　　

　　其实字体的应用只是网页设计中的一个方面，只要在可读性上和风格应用上契合整体的设计就可以了。