本篇文章信途科技给大家谈谈网站效果图制作,以及设计图制作网站对应的知识点,希望对各位有所帮助,不要忘了收藏本站。
网页设计都做什么??
网页设计,是根据企业希望向浏览者传递的信息,进行网站功能策划,然后进行的页面设计美化工作。【网页设计】需要做的有:
1、页面设计:做网站需要把每个页面设计好,页面风格,色调,字体要统一,页面排版要统一,网站首页要重点设计好。
2、图片设计:网站图片要设计好看再放在网站上,要按照网站尺寸去设计图片,图片要清晰,要静态图片,图片大小要小,一张图片保持在150K以下,图片太大的话会影响网站加载速度。
做图片设计包括:产品图片,产品详情页,网站banana图等都要设计好,要采用自适应网站设计或者响应式网站设计,这样网站可以适应各种屏幕设备尺寸,用户可以清晰地查看网站内容。感兴趣的话点击此处,免费学习一下
想了解更多有关网页设计的相关信息,推荐咨询【达内教育】。【达内教育】重磅推出“因材施教、分级培优”创新教学模式,同一课程方向,面向不同受众群体,提供就业、培优、才高三个级别教学课程,达内“因材施教、分级培优“差异化教学模式,让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。
如何用PS制作网页首页的效果图?
ps、fireworks都可以用来做效果图的,用这些工具做效果图的时候只要注意一下栏目的排版以及用色的协调性,ps做网页效果图常用的效果不多,所要只要掌握几种常用的工具用法就可以了:选取、剪切、填色、渐变、蒙版、切图等。
刚开始初学的可以网上找一些好点的模版下来自己尝试着按自己的想法进行修改,等熟练掌握以后再完全自己构思、设计!
想知道一个网站的首页效果图制作的基本过程
在网页效果图的设计阶段,应按照绘制结构草图,在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。
在图像软件中设计网页效果图,总体可以分为7个步骤:(1)、创建画布,添加辅助线来布局;(2)、绘制结构底图;(3)、添加内容,包括图像和文字;(4)、切片;(5)、优化;(6)、导出;(7)、布局。
1、创建辅助线
在具体设计前,应当考虑到网页的布局形式,可以根据策划阶段确定下来的网页布局草图,在Fireworks的画布中添加辅助线,这样做的目的是为了明确页面布局形式和面积。
需要注意的是,对于布局结构比较复杂的页面,辅助线不是一次就能够全部创建好的,而是一部分内容创建一部分否则辅助线过多会使页面混乱。
2、绘制结构底图
根据创建好的辅助线,使用Fireworks的工具或者是矩形选取框工具,把网页效果图中带有底色的“矩形块”依次绘制出来,形成一个整体的布局效果。
这里的“矩形块‘只是一个统称,可以使任意的形状。除了得到形状以外,还可以直接对这些”矩形块“配色,或添加纹理、滤镜,从而在整体上对页面的配色方案进行控制。
3、添加内容
结构底图绘制完毕后,就可以开始在网页效果图中添加实际的内容了,包括文字和图像,从而完成最终的效果图方案。
添加图像的时候,如何选择最合适的图像素材,如何对图像素材进行处理是非常重要的,可以说网页中图像设计的好坏,直接影响到整体的页面效果。
4、切片
效果图制作完毕后,首先需要进行切片。把网页比喻成一幅图,而切片工具就像是剪刀,使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的,同一时间可以下载3幅图像。
切片的另外一个目的,也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片,这是因为对布局技术不了解。同一个网页效果图,按不同的方式布局就会得到不同的切片,并没有说哪一个才是”标准”的,所以要想灵活运用切片,必须熟悉流行的布局技术。
网页制作一定要先用photoshop制作效果图吗?
很建议这么做,用photoshop做出效果图后用切片工具切割网页生成素材。
这样做的好处是
利于排版布局,单凭心里想到哪就做到哪很难做出好看的网页;
各种绚丽的效果在不同浏览器下都是一样的可以显示,有很好的兼容性(相对于借助代码实现诸如发光阴影等效果,在不同浏览器或不同版本的同一浏览器下差别很大,如火狐-chrome-ie6-ie8),虽然有人说这样可能会加重服务器的负担,但实际上这是最有效也是最通用的做法(你可以看看现在的各个好看的网站,都是一个一个的图片拼接起来的,代码实现的效果反而很少,虽然这可能比较“高科技”)
怎样去做一个网站的效果图呢?求详细。。。
做一个不但在于技术精还要在于设计理念有创意,所以如何设计好一个效果图要从多方面去考虑,首先从你的需求方面去想去设计(即页面内容),之后根据企业VI去定位页面布局及颜色等等方面,最后根据布局再去用技术方面的东西去设计。既然你只是说如何布局,那么根据经验来说,应该从以下几方面考虑。
一).确定页面功能模块
首页的内容模块是指你需要在页面上实现的主要内容和功能。一般的站点都需要这样一些模块:
网站名称(logo), 广告条(banner), 主菜单(menu),
新闻(what‘s new), 搜索(search), 友情链接(links),
邮件列表(maillist),计数器(count), 版权(copyright).
(当然这些只是常用而已。一般情况下,如果是企业设计一个网站的话,都会有网站设计方案,那么可以根据方案去设计的。)
二).设计首页的版面
在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。
1.定位你的网站主题和名称
2.定位你的网站CI形象
3.确定你的栏目和版块
4.网站的整体风格创意设计
5.网站的层次结构和链接结构
6.首页的设计
7.版面布局的窍门
8.色彩的搭配
其实说来说去就是颜色搭配问题及图片布局,一般一个网站效果图都只是一个静态的页面而已,要图片格式的话,直接截个图就行了。所以只要知道布局及颜色搭配再就是懂设计技术基本上就可以做一个效果图了。当然你自己感觉创意不够的话,一般可以同过网络去搜索一下网站模板,可以去借鉴别人的设计风格之后在根据自己的要求加以修改就ok了,有很多是PS格式个模板,那么就可以在ps里面先修改在通过切片工具做都是可以的。这些需要一定的设计技术了。
根据楼主说提问的问题来看应该不太懂网页设计,所以最好去下载一个网页模板,百度里搜索有很多下载网站,之后看点网页制作教程就可以了做了。一下是一些相关资料,如果链接过期请自行搜索
网页模板下载地址:http://xintu.dabaoku.com/moban/geren/
网页设计教程:http://xintu.enet.com.cn/eschool/zhuanti/dreamweavershili/
关于网站效果图制作和设计图制作网站的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站信途科技。