就没法动手设计吗,如何做超炫的网页设计

2019-09-24 00:15栏目:摄影技巧
TAG:

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

四、关于设计的视觉区域(ds)

问题一 、和客户沟通的不够充分,导致设计方向出现偏差。

图片 1

图片 2

答复:这是一个没有系统的考虑整体风格而急于动手的例子。问题主要由以下几个方面:

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

群主,你好,我现在做一些简单的网站是没有问题,一直想做那种超炫风的,就是不知道光往哪里打,做了一直感觉很别扭,这应该从什么地方开始练习呢,

问题二:跳过网站功能及信息架构上的研究,直接开始视觉创作。

图片 3

一、q&a请问谁有著名酒店logo欣赏?(罐头)

4、举几个你喜欢的网站,并说明原因;例举几个你讨厌的网站,也说明原因。(请将网站链接或者截图粘贴在下方)

图片 4

答复:说说我在这方面的一些心得体会。网页设计中视觉区域划分的目的在于让信息更清晰的表达,就和我们在写文章中要分段是一个道理。我们难以想象一篇文章缺少了适当的段落划分带给我们的阅读体验会是什么样子。功能上来讲不便于信息的传达,从视觉上来说是缺乏节奏和呼吸的空间,给人视觉上的压迫感。设计中也是一样的道理,但是如何从视觉上划分信息需要在设计之前对于信息进行梳理,也就是信息架构方面的工作。作为我个人来讲,在这方面经常会问自己这么三个问题:哪些内容是必须的?这部分的内容可不可以完全去除掉?"有没有对于网站功能性方面重要的内容忽略掉了?"哪些内容相较于其它内容来讲是重要的?而哪些是次要的?"哪些内容在主题方面相近,可以划分为一大类?做好了信息架构方面的工作,对于视觉设计的展开是非常有好处的,一方面它直接影响了页面的排版和布局,另外一方面让我们对于哪些重要信息在视觉上重点表现而次要信息在视觉上点到即可有了更清晰的思路。也就是说信息的梳理间接影响了视觉方面的设计。很多设计师忽略了信息架构方面的工作,拿到项目就开始视觉方面的考虑,风格如何呈现?细节如何表现?等等。这些问题虽然重要,但不是一开始就要解决的。我们一定要牢记这一点。

这篇文章中的内容我已经在SDC的网页设计讲座中和大家谈到,这次算是对整个讲座内容的总结和归纳,如果大家需要查看讲座当天的文字记录,欢迎加飞鱼的声纳的QQ群:233898966。关于网页设计中的问题,我总结了个人认为常见的六个,下面一一道来。

《如何做得Banner通情达意》

答复:

问题三、缺乏对网站整体风格的思考和把握,做到哪里算哪里。

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

图片 5

2、网站的主体用户是哪部分人群?(白领年轻女性、有某方面需求的老年人等)

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

老师您好:看了您个人站上的知识产权服务企业网站设计作品这篇文章,我觉得老师对视觉区域的划分都很到位,间距的把握也是很棒的。对于一个设计师来讲熟练掌握视觉区域的运用是很有必要的,所以我在这想请教老师,您对视觉区域的划分有木有心得体会,能不能给咱分享分享,当然越具体越好!!!

这个问题是在设计流程中出现最多,也最容易导致客户和设计师产生矛盾的问题。最终的结果是客户觉得怎么修改设计都不能让自己满意,而设计师却不胜其烦,认为客户太难说话,原因其实就出在双方的沟通上。

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

三、如何做超炫的网页设计? (alive)

作为客户来说,很多时候他们对于期望的设计产品脑子里往往只有模糊的概念,只能交代给设计师一个过于粗略的设计方向,甚至有些客户提出先做一稿出来我再看的要求。遇到这种情况,设计师要清楚客户自己的设计需求是不明晰的,而作为设计师来说,这时就需要积极地引导客户,使他们明晰设计需求,从而避免由于双方未在设计目标和期许上达成一致,造成设计方向上出现偏差,而导致设计中大范围、不断的修改设计稿,甚至一遍一遍的推倒重来的结果。

图片 6

二、作品点评

图片 7

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

图片 8

图片 9

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

答复:看过了你的作品,整体上的感觉是元素细节不太够,设计要求还不够高。作品看小的缩略图感觉还不错,但放大了看就觉得不够好。原因是设计上对于细节的讲究还不够,拿你下面的作品来说:

图片 10

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

图中标注的问题基本都是细节的方面,如果再深入分析信息架构和整体的设计气氛的话应该还有再进一步提高的空间,但是我不了解网站的诉求和功能,所以也没什么可说的。但是细节的完美我认为应该作为我们设计的基础性的要求,但是我发现好些设计师在这方面做得并不好。建议你多看看Dribbble上的设计作品,细节上非常完美,如果能做到这样的程度,我想你要想去做炫的和酷的东西,那需要的只是想法和创意了。可能有些地方说的并不对,请不要介意,如果对你有一点点的帮助,那最好不过了。

问题四 、设计过程中遇到困难,随意调整设计方向。

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

网站的功能和信息架构是网站的核心,一个网站不是单纯的让访问者去感受视觉上的美观,美观永远是第二位的,而功能性却是第一位的。一个企业网站是为了展示企业的形象、售卖企业的产品和服务;一个门户网站是为了更好的提供信息内容,一个个人博客是为了分享个人的观点,树立个人品牌等等,保证了这些功能更好的实现了之后才应该去考虑视觉上是否美观的问题。

图片 11

6、请提供网站设计的资料,包括logo,公司图片,产品图片等(打包以附件形式发送至设计师邮箱)

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

问题六 、技术不过关,创意无法得到实现。

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

下载

四、作品点评(雨后)

图片 12

图片 13

但是纸和笔的方式也有它的缺陷就是在设计排版方面不能精确的定位元素的空间。所以为了弥补这个缺憾,建议大家使用 960 像素网格系统的草图稿纸。纸和笔的自由保证了创意的拓展,而不用纠缠于实现方面的技术问题。

2、是否便于点击?

1、当访问者访问你的网站的时候,你希望它们做什么?(比如购买某种产品、服务,或者展示企业的形象等)

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

一些设计师给我发来个人作品让我给说说建议,我发现其中共同存在的问题就是设计中细节做的不好。渐变和高光过于生硬、阴影的距离和不透明度太高、对齐方式偏差几个像素、上下左右边距距离太小、元素和背景的反差不够造成元素清晰度不够等几个问题是常见的设计毛病。这些问题虽然也涉及到技术的问题,但是最重要的我认为还是用心不够、认为做到差不多就行了的态度问题。这里我向大家推荐Dribbble 和PremiumPixels这两个网站,这其中的设计作品无论哪一个细节都是非常完美、无可挑剔的,下面是我随手从这两个网站中拿出来的作品,大家应该能从这里理解网页设计就是细节的艺术这句话的含义。

图片 14

如何避免盲目开始,途中无从下手的问题出现?很简单,画草图。虽然我个人有时候也会省略画图的步骤,但每次至少会在 PS 中做一个主页的设计方案,其中包括需要放置的信息内容、排版、色彩方案以及设计方案的说明文字。但我发现相较于纸和笔来说,这样的方式还是限制了创意的拓展。所以还是强烈建议大家在开始设计之前画草图。很难想象,不通过画草图的方式能做出来下面的设计效果。

《浅淡网页BANNER设计》

这个无需多说,只有通过大量的设计和练习才能尽可能多的掌握具体的技术。但是无论是跟着网上的设计教程学习,还是通过研究别人的PSD文件也好,不能做过一遍就过去了,拿我之前翻译的《在photoshop中制作一个飘浮于空中的茂盛的树屋》这篇文章来说,你需要通过这篇教程掌握的是如何处理手头的素材,将其融合于整体的场景之中的思路的方法,看看高手是如何通过使用调整图层、自由变换、色彩范围选择等一系列的技术去实现需要的效果,而不仅仅是按照教程做一遍就完了,下次遇到需要自己动手创建场景的时候依然无所适从。如果你已经有了一定的PS基础,我建议多练习些图标和场景的创建,例如下面这个精致的西红柿图标和几个场景的创建,认真研究,你一定能学到很多东西。

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

图片 15

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

更重要的是,网站功能以及它的信息架构对于视觉是有非常重要的影响的,这点我在《网页核心内容对视觉表现的影响》这篇文章中有较为详细的论述,在这里就不再展开了。

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

我在之前的一篇文章《从千鸟志看网页设计中的功能性》中分析过千鸟的个人博客在功能性和用户体验方面的优点,虽然初次打开该博客并不会被它看上去似乎没怎么设计的灰白界面所吸引,但这个网站良好的用户体验却一定会让你记忆深刻。

《浅析Banner设计》

问题五 、细节不够讲究,显得粗糙。

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

从和客户沟通了解客户需求到画出草图进行构思和创意,直至打开Photoshop完成整个的设计,每一个网页设计师都在每一个新的设计项目中不断重复这个过程。整个看上去规范而流程化的工作方式似乎按部就班就能够顺利拿到让大家都满意的结果,但其实在每一个步骤中都存在难度,某一个方面没有做好,可能就会影响到最终设计稿的质量。因此在这篇文章中我就来结合自己的设计体会谈谈这其中存在的常见问题,以及我们应该如何有意识的避免或者解决它们。

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

3、网站的整体风格是什么?当访问者进入你的网站,你希望他们有什么感觉?不希望他们有什么感觉?

图片 16

二、再来说说具体的问题,Banner的设计在整个页面中通常起到非常重要的作用,是视觉的焦点,先不说你选的这个图片方向对不对,但这个设计看上去过于小气,原因是图片中的元素视觉比重都差不多,没有重点,没有主次。其次是Logo文字以及宣传语文字的设计,感觉太散、太单薄,需要加强他们的视觉比重和气氛感受。Banner底部的弧形边缘不仅没有起到给整个气氛加分的效果,反而割裂了Banner的设计,看上去很不美观。

《QQ登录banner再设计》

另外,在平时的学习积累中,多从整体风格上分析优秀的设计作品是如何考虑和实现的,可以尝试从以下几个方面分析网站风格:一、概念元素:背景、修饰图形等;二、具象元素:文字、照片、插图、图标图形;三、关系元素:方向、位置、空间、重心;四、交互方式:节奏、运动方式;五、色彩方案。

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

图片 17

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

图片 18

《中文网页设计系列分享会-banner设计篇》

5、网站栏目有哪些?并提供具体信息内容(可粘贴在下方)

中文和英文的对齐。

一、布局上,Banner割裂的边缘限制了视线的拓展,显得死板而不够透气。其他元素也是大框套小框的思路。总体的布局思路没有逃脱条条框框的限制,看得出来,整个设计是思路没有打开却急于动手的表现。要做到活泼的设计,不是用一张现成的关于儿童的图片放上去就行了,要让个的设计元素往这个方向走,比如布局,比如色彩,比如质感,比如插图和图标的使用,比如字体的选择等等,所以你的问题是完全没有系统的思考这些问题,还没找到答案就急于往前走,结果肯定是刚刚开始就感觉无所适从。

图片 19

要使双方对最终的设计都满意,就需要尽可能详细的沟通,客户和设计师之间理解程度越高,最后达成的一致性也越高,这两者是呈正相关的关系。要做到这一点,我个人的方法是在沟通的环节设计系统的调查问卷让客户作答,以帮助客户梳理、明晰设计需求。下面是我经常使用的调查问卷内容,其中需要客户作答7个问题,这些问题基本可以帮助客户和设计师明确设计方向,你也可以依据在和客户沟通中的具体情况修改或者完善这些问题。

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

画好了草图就要按照设计方向坚决执行,这样才能保证前期的创意阶段的工作不被浪费。很多设计师前期的创意构思都很有想法,但是一旦开始设计,途中遇到寻找素材或者技术方面的困难,或者突然发现某一个素材很不错,很漂亮,马上抛弃前面的整个创意,开辟一条新路从头开始,但往往做到半中间就再做不下去了,导致设计总是半途而废,情绪上不断受挫,焦躁不堪。而我们如果看过高手的设计过程,比如文子的光大银行的设计视频,我们就会发现高手从来都不轻易的改变已经设定好的设计方向,并且总能把我们看来完全用不着的素材变废为宝,从而拥有化腐朽为神奇的本事。千万不要花费大量时间去寻找完美的、拿来不用调整就能用的设计素材,能找到这样的素材的几率比中彩票还要低,而是要不断提高我们将看上去和整体设计毫不搭边的素材融合进整体设计的能力。

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

7、请提供您的联系方式。(QQ、手机或者邮箱)

二是细节上还有待提高。

想请教你一下,一个学校的网站,客户说要做活泼一点,怎么搞呀?我设计了一个头部,我发给你看一下啊!指点一下 但是下面我就不知道怎么布局了,现在头都想大了。

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

这个问题也非常常见,以下是一个设计师发给我的问题及我的答复,应该说非常典型的反映了这个问题。

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

图片 20

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

4、是否美观漂亮?

图片 21

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

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

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

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

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

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

另外关于你说的缺乏自控能力的问题,我在上周给无常的答复中提到过,你可以在飞鱼的声纳中查看。

图片 22

版权声明:本文由365在线网投发布于摄影技巧,转载请注明出处:就没法动手设计吗,如何做超炫的网页设计