怎样去做一个网站的效果图呢?求详细。。。
在网页效果图的设计阶段,应按照绘制结构草图,在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。
在图像软件中设计网页效果图,总体可以分为7个步骤:(1)、创建画布,添加辅助线来布局;(2)、绘制结构底图;(3)、添加内容,包括图像和文字;(4)、切片;(5)、优化;(6)、导出;(7)、布局。
1、创建辅助线
在具体设计前,应当考虑到网页的布局形式,可以根据策划阶段确定下来的网页布局草图,在Fireworks的画布中添加辅助线,这样做的目的是为了明确页面布局形式和面积。
需要注意的是,对于布局结构比较复杂的页面,辅助线不是一次就能够全部创建好的,而是一部分内容创建一部分否则辅助线过多会使页面混乱。
2、绘制结构底图
根据创建好的辅助线,使用Fireworks的工具或者是矩形选取框工具,把网页效果图中带有底色的“矩形块”依次绘制出来,形成一个整体的布局效果。
这里的“矩形块‘只是一个统称,可以使任意的形状。除了得到形状以外,还可以直接对这些”矩形块“配色,或添加纹理、滤镜,从而在整体上对页面的配色方案进行控制。
3、添加内容
结构底图绘制完毕后,就可以开始在网页效果图中添加实际的内容了,包括文字和图像,从而完成最终的效果图方案。
添加图像的时候,如何选择最合适的图像素材,如何对图像素材进行处理是非常重要的,可以说网页中图像设计的好坏,直接影响到整体的页面效果。
4、切片
效果图制作完毕后,首先需要进行切片。把网页比喻成一幅图,而切片工具就像是剪刀,使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的,同一时间可以下载3幅图像。
切片的另外一个目的,也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片,这是因为对布局技术不了解。同一个网页效果图,按不同的方式布局就会得到不同的切片,并没有说哪一个才是”标准”的,所以要想灵活运用切片,必须熟悉流行的布局技术。
按照功能和页面设计要求收费
基础的几百,一般的一两千。
M俺做
一).确定页面功能模块
首页的内容模块是指你需要在页面上实现的主要内容和功能。一般的站点都需要这样一些模块:
网站名称(logo), 广告条(banner), 主菜单(menu),
新闻(what‘s new), 搜索(search), 友情链接(links),
邮件列表(maillist),计数器(count), 版权(copyright).
(当然这些只是常用而已。一般情况下,如果是企业设计一个网站的话,都会有网站设计方案,那么可以根据方案去设计的。)
二).设计首页的版面
在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。
1.定位你的网站主题和名称
2.定位你的网站CI形象
3.确定你的栏目和版块
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的窍门
8.色彩的搭配
其实说来说去就是颜色搭配问题及图片布局,一般一个网站效果图都只是一个静态的页面而已,要图片格式的话,直接截个图就行了。所以只要知道布局及颜色搭配再就是懂设计技术基本上就可以做一个效果图了。当然你自己感觉创意不够的话,一般可以同过网络去搜索一下网站模板,可以去借鉴别人的设计风格之后在根据自己的要求加以修改就ok了,有很多是PS格式个模板,那么就可以在ps里面先修改在通过切片工具做都是可以的。这些需要一定的设计技术了。
根据楼主说提问的问题来看应该不太懂网页设计,所以最好去下载一个网页模板,百度里搜索有很多下载网站,之后看点网页制作教程就可以了做了。一下是一些相关资料,如果链接过期请自行搜索
网页模板下载地址:http://www.dabaoku.com/moban/geren/
网页设计教程:http://www.enet.com.cn/eschool/zhuanti/dreamweavershili/
网页内容也资料、效果图的排放都可以自安照自己的想法去做,但如你的效果图做得不够好,可以聘请别人帮你做,因为一个人的能力是有限的。
如何把一个网站做得更好
1.弹窗不需要太多站在浏览者的角度去想,如果 看到一个网站有太多的弹窗,会让人心生厌倦,不愿意再继续看下去,就把网站关闭了。因此在制作的时候注意把握弹窗出现的次数,掌握好这个度,不要让浏览者产生厌倦。2.首页的广告不要太多有人会疑惑了,我们制作网站就是为了盈利,我们没有广告怎么能盈利...
如何做好一个网站
3.网站的更新速度:网站的内容和功能要随着时代不断更新、改进,以便与市场、用户保持同步。三、SEO优化 网站的流量来源于搜索引擎,因此SEO排名也是一个重要的发展方向。如果网站的SEO排名比较高,那么网站的访问量自然会上升。而达到这个目标,需要考虑到以下几点:1.网站的架构:网站架构要简洁明了,方便...
如何网站建设效果会更好
也就是网络商标,它可是进行网站访问的一把钥匙,是唯一性的标识符,还能提高识别率,还能提高网站的搜索目录,还能得到很高的可信度与可见性。选择域名时,一般都会选择“.com”,最好在域名选择上,能选择接近于网站品牌与名称的,既利用用户来搜索与记忆,还能更好来促进网站宣传,网站流量会大大提高。
怎样做一个好网站?
根据自己的网站结构,制作网站地图,让你的网站对搜索引擎更加友好化,让搜索引擎能过Sitemap就可以访问整个站点上的所有网页和栏目。 7、网站流量分析 网站流量分析从SEO结果上指导下一步的SEO策略,同时对网站的用户体验优化也有指导意义。 还有就是,做完网站千万不要忘记向搜索引擎提交哦,它就向新生报道一样重要。 四...
怎么判定你的建设的网站是一个成功的网站?
一、网站设计效果网站的设计至关重要,他是你网站展现给用户的第一印象,对于普通用户来说网站的前端展现是他对你企业的第一印象,所以你网站设计的效果是否美观,特效是否流畅这些都是关键的指标因素,比如你是做一个品牌的公司,那么网站怎么体现你品牌的介绍,品牌的历史,如果展示你的品牌产品等信息二...
怎么做一个网站并兼顾访客的浏览体验
做站是一门技术活,对水平要求比较高,并不像外面很多互联网企业所谓的几百就可以建一个网站。在做站的过程中主要的就是细节的处理,有时一丁点的细节问题都有可能会影响到网站的运营效果,同时细节也是提高用户体验中一个相当重要的元素,它也许会直接影响到体验的效果,因而在营销型网站的流程制定、...
你是如何设计一个网站的?
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称...
怎么建一个网站才好这些步骤和事项要知晓
步骤第一步、先进入网站,里面有很多推荐的案例和模板,可以先浏览一下,看有没有适合自己使用的。然后再点击注册,之后登录网站。第二步、如果你在模板里面找到了非常符合自己想法的模板,就可以使用那个模板,如果你自己的设计感较强,不想和别人的一样,也可以自己进行原创的模板设计。第三步、选定...
如何做一个优质的网站建设?
三、项目执行 在确定之后有没有进行时间排序和负责,充分的把握时间流程和项目进度,可以在计划之内准时的完成工作并对成果负责;四、后期维护 在网站上线之后,并不以为着这已经结束,这仅仅是一个开始,因为还有更重要的工作,运营、维护、数据监测、结果追踪。可以让你的网站持续、稳定、正常的运行和发展...
怎么拥有一个好的seo优化外贸网站
2、外贸网站域名的设计 在做外贸网站的时候,一个好的域名也是至关重要的,当然这些域名也是可遇不可求的,毕竟这类型的关键词几乎都已经被注册过了,在这个时候,如果你是要长久的去做外贸网站的情况下,建议大家可以通过一些二手买卖来买一些相关的域名,这样的域名在优化与用户体验方面也是相当的重要,...
归凌特夫: 我的建议是,首先你要对PS的操作比较熟练,一些最常见的网页效果,你看到后,要能用PS实现出来,也就是能画出来.这些都达到要求后,下面你就开始了解一些最基本的网页设计知识.比如一般的网页宽度960像素,字体大小是12号宋体.等等这些内容.接下来就找几个别人设计的网页效果图来临摹下,自己在PS里边临摹边想,看看别人是怎么一步步从构思到实现网页效果图的.可以从简单的网页开始练习,慢慢复杂.里面很多东西,建议您多看一些漂亮的网页.这些漂亮的网页都是用制图软件一点点设计出来的,不难,但需要耐心去设计,不能急于求成~
夏河县19812895825: 想知道一个网站的首页效果图制作的基本过程 - ?
归凌特夫: 在网页效果图的设计阶段,应按照绘制结构草图,在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行.下面将会介绍网页效果图设计中各个流程的作用. 在...
夏河县19812895825: 求大神告知用ps设计一个网页效果图的基本过程!急急急! ?
归凌特夫: 大概步骤如下:确定网页的风格、主题,其中主要包括网页的类型、网页的主题、网页风格(图形、字体、配色等),这一步是基础,最好整理成文字.确定网页的基本框架、框架尺寸、排版,这一步需要在纸上画出草图.先用ps作出网页的body部分(主体部分),然后再作出banner、导航、页脚等部分,图形全部自己绘制,图片和文字要用事先准备好的素材,最后排版,就是效果图了需要注意的是,在ps里面做效果图的时候,要记得新建图层,每一个部分都单独放在一个图层里面,这样可能最后会有很多个图层,但是为了方便修改也只有这样了.纯手打~
夏河县19812895825: 一般如何去做网页的效果图用PS如果去找素材自己做么 - ?
归凌特夫: 其实要看你所做的网页后果图是关于哪一类的有一些是可以直接用控件或是脚本敕令实现了框架再添素材的;有一些是可以用PS做好整体页面切割模块再添素材的;有一些是可以互相结合应用的灵活应用才能做出后果相对好的页面 查看原帖>>
夏河县19812895825: 请问一下这个网站的效果是怎么做出来的 - ?
归凌特夫: 事实上它并不是你所说的“两边”,而是一整张背景图,然后网页内容放在它上面,这样感觉就成了两边.它用的是背景固定,就是网页滚动时背景不滚动.代码在它的css.css文件中.B...
夏河县19812895825: 一般如何去做网页的效果图,用PS,如果去找素材,自己做么?
归凌特夫: 其实,要看你所做的网页效果图是关于哪一类的,有一些是可以直接用控件或是脚本命令实现了框架再添素材的;有一些是可以用PS做好整体页面,切割模块再添素材的;有一些是可以相互结合使用的,灵活应用才能做出效果相对好的页面..
夏河县19812895825: 怎样在电脑上制作效果图? - ?
归凌特夫: 制作方法: 1、下载并安装Photoshop CS 图像处理软件. 2、运行Photoshop,打开素材图片,去除背景不需要的部分.3、处理远景.以建筑做为背景(与实际项目相符),调好明暗及色调.加入天空图层, 并调整建筑主体及画面整体性....
夏河县19812895825: 求PS制作网页效果图步骤? - ?
归凌特夫: 平面广告和网站页面设计的宗旨就是吸引眼球,符合平面视觉冲击特点,如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题 现在以一款网页平面设计效果图为实例,讲解网页设计方面的创意知识...
夏河县19812895825: 如何用photoshop做网页效果图教程 - ?
归凌特夫: 如果是给个人做,怎么做都无所谓.如果是在公司里给客户做.这一步不可少,出了效果图后,要给客户看.等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局! 另外会做网页效果图,代表你的设计能力.用dreamweaver...
夏河县19812895825: 如何在PS中做网站效果图?? - ?
归凌特夫: 这个泥巴墙效果效果主要运用了Photoshop中的海洋波纹、波纹及光照效果等滤镜来制作完成,制作方法很简单,做出来的效果比较逼真.制作步骤如下: (1)新建一个白色背景的文件: (2) 将前景色设为R:76,G:58,B:58,并按Alt+Delete...