一、关于Banner设计的思路(小旗)

  群主我想问问关于banner制作的问题。有的时候老是感觉自己没有任何的想法,还有就是关于中英文字体的运用及常用的字体有哪几种,真对于淘 宝上的广告图制作风格的把握,有的时候喜欢那种纯色的背景的,但是自己做的就是感觉那么单调。问题就是我对banner的设计非常的头疼。有的时候喜欢那 些天马行空的想象的作品,有的时候有喜欢那些背景单纯颜色的(感觉比较突出产品,就有的时候客户不认可呀!)

  答复:Banner的设计的确是比较有难度的,我个人也有这方面的体会。对于你的问题我只能说说我个人的体会。Banner设计上的难度主要有 这么两个:一是设计方向上的把握,也就是说创意一定要围绕着信息来做。一定要清楚Banner中要表达的东西或者说主题是什么,比如一款冰箱要突出它的制 冷够强劲,那么你就要围绕着这个主题去创意和构思,而不要偏离了方向,这其中包括文案的撰写。二是有了创意并且自己评估方向上没有问题之后,接下来就是技 术上的实现。首先要保证和整体设计相协调,这主要依靠个人的美感来把握,其次我个人有一点小小的体会,就是不要轻易放弃不易找到的设计素材。曾经看过高手 的设计过程,在我们眼里完全用不上的东西,放在他们那里都有用处,就看你有没有将其融入整个设计的能力。


  二、优秀教程推荐–画苹果

  非常不错的教程《Photoshop鼠绘苹果详细教程-附PSD源文件》

不参考他人作品,就没法动手设计吗? 三联

  推荐理由:在PS中画一个苹果需要把握的光影方面的能力,和在网页设计中表现某一元素质感的方法都是相通的。相对来说,网页设计中的元素还比较 简单一些,所以如果你熟练掌握了光影的原理,对于普通的网页元素的表现应该能够做到游刃有余。我建议大家如果感觉自己在网页设计中的创意和想法总是一成不 变,技术还不那么过关的话,多练习一些类似于这种图标或者UI方面的设计。

  三、如何能把UI和网页设计结合呢?(火星石)

  群主您好,我觉得现在很多网站都处理得像UI那样的精致,细节处理的非常好,我在处理网站的时候很难把握住这些,我想快速的提升自己,是不是有 必要练习UI设计呢?请群主给予指点!另外还有件事,我现在在中国孕婴童网做设计,有必要说一下我的工作内容的,主要负责客户的网站海报设计、gif广告 动画设计、以及公司的琐事、名片、宣传册、宣传单、logo设计等,算得上是很杂的,我最近比较纠结的,我应该找一家网站公司工作,在工作中进步,还是先 在这边边做美工,利用晚上的时间做网站学习提升自己呢?好纠结…………附上我以前的部分案例。谢谢群主!

  答复:看了你发的作品,感觉问题有两个。一是很多设计师的通病,细节做得不够,很多元素看上去比较粗糙。拿页面中一个小小的导航选中状态来说,如下图:

navigation-hover.png

  感觉白色的边缘很模糊,似乎和背景的红色融合到了一起,文字和按钮边缘的上下间距不一致并且有点小,很压抑,渐变的使用目的不明晰,右侧分隔线 有点生硬。这些问题说明了你的技术还不够好,另外还说明一个重要的问题就是:设计时考虑的不够。其实做一个文字选中状态是要考虑很多问题的。我想主要有以 下这么几个:

  1、是否足够明晰,和未选中状态在视觉上有较大的差别?

  2、是否便于点击?

  3、样式是否和整个的视觉风格统一?最好能给整体的设计气氛加分

  4、是否美观漂亮?

  5、在不影响功能性的前提下,是否能有些不一样的创意?

  设计每一个网页元素,都要在功能性和视觉方面多提几个问题,多想一些,练习不练习额外的UI设计其实并不重要,你平时做的每个网页元素就是UI 方面的练习。要求自己把每一个元素都设计的好用又漂亮就能取得很快的进步。关于职业方面我不提任何建议,我不是职业规划师,呵呵。只是如果你想做好设计, 无论你在哪里上班,没有对自己在设计上高标准严要求,不断地学习和练习肯定是不行的。

  四、作品点评(雨后)

work.png

  答复:这个设计整体上看来还是不错的,感觉比较舒服。深灰和浅灰划分大的信息区域,主内容区域的信息看上去也非常清晰明白。整体上灰色的配色方案用Logo的红色跳出,配色也不错。但我提几个建议你可以参考一下:

  一、整体上来看思考的还不够深入,还可以进一步的挖掘。首先是Logo作为相对重要的信息内容,虽然用了红色和背景拉开差距,但视觉上还是有些单薄,不够突出,做的还不够,需要再进一步进行突出和表现。

sep-line.gif

  如此样式的信息划分方式和整体的视觉方向不够统一,稍显繁复,并且与主内容区雷同,变化有点少。建议尝试其它不同的样式。

contact.png

  联系方式是扩大公司业务的重要信息,问题一是整体在视觉上不够醒目和突出,信息的主次没有分析透彻,视觉上没有将其区分开,二是缺少创意和表现手法,你可以看看别人的联系信息是怎么做的:

contact-design.png

  滑动展示图需要重新设计。首先是方向不太对,放上电影胶片是电影工作室的感觉,和公司的业务定位有些偏差。其次从视觉上来看,目前的展示图有三 个视觉点,胶片图片、文字以及图标,整体上缺乏联系,滑动展示图也就是我们常说的Banner的设计是有一定难度的,想设计好了不容易,多下点功夫。

banner.png

  作品展示区域的缩略图做的比较漂亮,图片选的也很好,看上去很舒服。

  二是细节上还有待提高。

  中文和英文的对齐。

text-align.png

  浅灰色背景的杂色用单色不要用彩色。

  图标视觉感受和整体设计方向不统一。

icon.png

  标题和正文的视觉上再拉开一点距离。

title.png

  滑动展示图的当前状态颜色不要换颜色,依然用logo的红色。

  正文文字间距太大,调小一点。

line-height.gif

  五、不参考他人作品,没法动手(北极米)

  群主您好,我做了网页设计两年多了,感觉自己一点都没进步,我在网站建设公司工作,也做过不少案例了,但还是感觉每次做页面的时候都要参考别人 的设计,要不自己就没想法,每次被客户说做的不好的时候都下定决心要提高设计水平,多看多临摹,可是一下班就忘了,就看电视剧,没有自控力,希望群主给我 一些意见。

  答复:其实你提的设计中缺少想法的这个问题我想每个设计师都有感受,包括大师们也不是时时刻刻创意无限,文思如泉涌。据我了解,韩雪冬在刚开始 做设计的阶段还专门就此问题询问过他的老师,老师的回答其实很简单”那是因为你看得少、做得少!”其实就是这个原因,而多看多学多做是解决这一问题的唯一 途径。但是这样的回答未免过于笼统和粗糙,因为设计中的很多问题其实都可以归结到这个结论上来,所以我仔细思考了一下,结合设计的整个过程将这个问题的答 案归结为下面几点:

  1、拿到设计任务急于动手,不是没有想法,而是想法太多,无从选择,慌乱之中只好抓住别人现有的东西让自己被动做出选择。很多设计师从不做视觉 设计之前的工作,拿到设计任务满脑子的如何布局?该用什么色彩?做成什么风格?这一类的想法,满脑子的蝴蝶飞,搞得自己无从选择。殊不知,视觉方面的考虑 虽然需要,但并非是一开始的工作,而也正是因为缺少前期对网站诉求、功能、信息架构方面的考虑,视觉上才会天马行空,落不着地。其实,如果我们对于网站的 诉求和信息认真进行了梳理和思考,有时候视觉方面的东西会从模糊逐渐变得清晰。就像我在《网页核心内容对视觉表现的影响》这篇文章里所提到的例子一样,网 站功能上的诉求有时已经告诉你或者说约束了我们如何布局以及采用怎样的色彩方案。

  2、视觉风格特点把握不够。做不同风格的页面设计,不了解该视觉风格的设计特点。比如做一个中国风的网页设计,不是将中式的元素堆砌在一起就叫 中国风的设计,而是要理解该设计风格讲究对称、竖排的布局,有意识的留白,常用到的中国红、青花蓝、琉璃黄、国槐绿、长城灰、水墨黑和玉脂白等色彩以及元 素的直线勾勒、方圆的结合、纹饰和具象元素的使用等表现手法,充分的理解了这些特点,我想我们做设计不愁没有想法。