怎样做好网页设计.docx
- 文档编号:29345412
- 上传时间:2023-07-22
- 格式:DOCX
- 页数:11
- 大小:38.17KB
怎样做好网页设计.docx
《怎样做好网页设计.docx》由会员分享,可在线阅读,更多相关《怎样做好网页设计.docx(11页珍藏版)》请在冰豆网上搜索。
怎样做好网页设计
怎样做好网页设计?
✓出处:
站长百科
✓原文地址:
✓本电子书整理自站长百科网页设计词条,查看内容请访问网站。
怎样做好网页设计?
(1
什么是好的网页设计(2
内容和功能决定界面设计(2
界面弱化(2
模块化和可修改性强(3
兼顾还是抛弃(3
网页设计的要点(3
确定网站的整体风格(4
网页色彩的搭配(4
网页设计的工具(4
利用网页模板来制作网页(5
网页设计师要学会的东东(6
美术部分(6
静态网页(6
动态网页(6
网页美工(7
快速成长为网页设计师(7
循序渐进学知识(7
在实践中不断提高(8
相关内容(9
更多电子书(9
站长百科源码下载,提供国内外优秀php、asp、jsp源代码程序,更有CMS、编程技术等丰富电子书,站长百科教程组倾力打造的视频教程,是你学习的最佳选择。
✓出处:
站长百科
✓原文地址:
推荐内容:
WordPress免费主题|WordPress免费插件
什么是好的网页设计
内容和功能决定界面设计
做网页设计,你需要了解客户的东西很多:
1.建站目的
2.栏目规划及每个栏目的表现形式及功能要求
3.主色、客户性别喜好、联系方式、旧版网址、偏好网址
4.根据行业和客户要求,那些要着重表现
5.是否分期建设、考虑后期的兼容性
6.客户是否有强烈的建站欲望
7.你是否能在精神意识上控制住客户
8.面对你未接触的技术知识,你有底吗?
9.网站类型
当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
界面弱化
一个好的界面设计它的界面时弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。
这就涉及到浏览顺序、功能分区等等。
要让访客在0.5秒内就能把握网站的行业性质(呵呵,夸张了,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。
当然上面说的是大多数功能性网站,对于宣战展示性网站,诸如加特效的或Flash网站,可
能就不得不花哨一些,但不能太过分。
网站不是动画片,在效率越来越高,社会
✓出处:
站长百科
✓原文地址:
心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。
效果可以体现意境,点到为止。
模块化和可修改性强
模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。
这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
无论是架构还是模块或图片,都要考虑可修改性强。
举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。
如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。
然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:
宋体12px|宋体12px粗体|宋体14px|宋体14px粗体|黑体
20px|verdana9px|ArialBlack12px+|
兼顾还是抛弃
CSS、XHTML、web2.0、Ajax等等山雨欲来,学习先进技术固然是有好处的,但对于目前国内普遍的低认知水平,决定了客户的需求和价格也是相当低的。
之前,说到经济决定网也设计,所以有的时候,是不允许你做出更多的兼顾的,抛弃和放弃也是无奈之举。
网页设计的要点
网页设计的两大要点是:
整体风格和色彩搭配。
✓出处:
站长百科
✓原文地址:
确定网站的整体风格
在这里,我提供给大家一些参考经验:
1.将你的标志logo,尽可能的放在每个页面上最突出的位置。
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
网页色彩的搭配
1.用一种色彩。
这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。
先选定一种色彩,然后选择它的对比色。
3.用一个色系。
简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景,以便突出主要文字内容。
网页设计的工具
1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具
2.Frontpage跟dreamweaver一样,不过个人感觉还是dreamweaver好。
3.FLASH网页需要画面流动时的首选择
✓出处:
站长百科
✓原文地址:
4.PhotoShop图象处理软件,一般网页都需要有图片相搭配,PhotoShop是款很强大的工具。
5.FireWorks跟PhotoShop一样都是图象处理软件,但FW偏向与对网页的处理。
[个人喜欢PS]
利用网页模板来制作网页
网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站。
每个网页模板压缩包内包含:
PSD图片文件(可用PhotoShop、ImageReady或FireWorks修改,按钮图片PSD文件、Flash源文件和字体文件,推荐使用DreamWeaver软件向网页模板添加内容。
提到网页模板,就不得不提起“TemplateMonster”这个品牌,“TemplateMonster”[TM]全球最大的模板供应商美国怪兽模板网站产品。
是美国规模最大,设计能力最卓越的设计公司,为全球企业提供包括网站、VI、字体、图标、Logo在内的全面设计资源。
作为全球设计领域的领导者,TM的每件作品都堪称佳作,他们不仅在创作,更是在引领时代潮流,可以说,TM的作品是每个时代的设计风向标。
“TemplateMonster”在全球市场拥有巨大的市场份额,以齐全的模板类型,精美的设计而闻名。
“TemplateMonster”美国总公司一直没有正式向中国市场发放指定运营权,一是因为不想太仓促的进入中国市场,从而有可能物极必反。
二是因为一直没有找到合适的运营商。
最终在2007年,昆山奈腾信息技术有限公司通过提交了详细的长短期运营发展战略,由“TemplateMonster”美国总公司审查通过,获得了“TemplateMonster”中国区唯一指定运营权。
“TemplateMonster”的中国地区官方网站“TemplateMonsterChina”(与2008年初正式与广大中国网民见面,通过“TemplateMonsterChina”,广大的中国网民就可以更加直接的与世界最
新网页设计理念亲密接触,想购买的网民不用申请国际信用卡,只需通过国内银
✓出处:
站长百科
✓原文地址:
行汇款,支付宝汇款,贝宝汇款等国内常见的支付方式就可以进行购买,非常方便。
网页设计师要学会的东东
美术部分
结构素描、光影素描、速写、设计素描、户外写生、色彩原理、色彩配色、设计色彩、色调小稿训练、色彩长期作业
静态网页
1.Dreamweaver8.0:
网页布局、制作;Html&Css简介;网站管理与维护、上传与下载;案例分析
2.Flash8.0:
美工设计、网页配色;CI、LOGO、Banner的制作;常见网页动画制作、网页布局
3.Fireworks8.0:
经典网页动画、广告、片头、贺卡设计与分析;MTV制作、交互式网站简介
4.PhotoshopCS2:
Photoshop操作基础、图象优化处理、经典实例分析与制作
5.IllustratorCS2:
广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
动态网页
Html语言详细解介、CSS样式、IIS、C#语言、A动态、SQLServer数据库、Access数据(送、JavaScript、Flash8.0高级编程、网站策划、网站推广、电子购物车、ChatRoom、BBS制作。
✓出处:
站长百科
✓原文地址:
网页美工
三大构成:
平面构成、色彩构成、立体构成
Photoshop美工及网页配色、排版设计、网站框架美工设计、网页logo网页设计、baner设计;
Illustrator网页设计、网页字体设计、网页规划设计
快速成长为网页设计师
循序渐进学知识
先学一学HTML,找本自己能看懂的教材,浏览为主,不用记住所有的概念,只要记住使用原理就行了,这一阶段,估计三天就够了;然后用两天时间学CSS,方法同上;进而再花些时间了解一下JavaScript。
然后就可以用记事本尝试写几个网页,记住这时千万不要用那些可视化工具,比FrontPage、Dreamweaver(那些以后再学。
有一个提高自己“写网页”的捷径,就是上各大网站,把网页保存下来(什么?
你说你不会保存网页?
就是“文件→另存为”O(∩_∩O~,然后打开保存下来的网页,点击右键→查看源文件,看看人家的网页是怎么写的,然后模仿他们的写法,不断规范自己的代码。
嘿嘿,这个方法不错吧。
先好好模仿一下吧。
接下来该学一下Fireworks了。
建议一开始就到网上找些实例教程,这些实例教程一般都介绍得很详细,跟着它一步一步做下来,每学会一个实例就掌握了几项操作,而且也有了自己的作品,很有成就感的,长期积累下来对自己的提
✓出处:
站长百科
✓原文地址:
高很有帮助。
学Fireworks主要是学图片处理,比如加一些效果,还有很重要的就是切图,这对于初学者是很重要的。
这时还可以结合Dreamweaver进行学习,你就可以体会到Dreamweaver和Fireworks的无缝集成了。
利用这些工具多做几个网页,你就可以达到一定水平了。
要是想让你的网页多一些炫目的效果,建议你学一下Flash,难度并不大,而且要是前面的JavaScript基础打得好的话,学到Flash中ActionScript时,你会有一种似曾相识的感觉,因为这两种语法几乎是一模一样的。
到这时,相信你就可以真正领会到“网页三剑客”的威力了。
在实践中不断提高
要是每天能拿出两个小时来学习,完成以上这些学习估计只要20天就差不多了。
要是天赋高的话(比如说像我这样的,呵呵,那需要的时间就更少了。
接下来该实习了,找个地方锻炼一下自己,比如可以去一些公司干干兼职,或是给自己的单位设计一下主页等。
最好是能进入一个正规的开发团队,你就会学会如何以团队合作的方式开发网站,特别是怎样和程序组合作,把页面与后台程序数据库配合起来。
可能你会担心自己是新手,人家会嫌弃你,没关系,只要努力去找,总会有机会的。
通过自己的不断努力以及向高手的不断提问,水平飞快提高,两三个月后,就可以独立完成一些站点了,当然只是静态的。
在此,我想指出,千万不要不好意思,不会就问,高手们是很乐意回答你的,而且你能向他请教,这本来就是对他的一种肯定,他会很高兴的,呵呵。
到此,你就基本可以称作是一个“准WebDesigner”了,不过要从根本上提高自己,最好去学学美术,这是当一个网页设计师的基本功。
✓出处:
站长百科
✓原文地址:
相关内容
∙HTML
∙CSS
∙网站策划
∙网络营销
更多电子书
站长常用工具:
Alexa查询:
Alexa工具条下载
关键词排名检索工具:
在线FTP工具:
PR查询工具:
关键词密度检测工具:
收录数量查询:
Whois查询:
反向链接查询:
Gzip查询工具:
✓出处:
站长百科
✓原文地址:
站长百科免费美国空间
freehost4life美国免费空间(,服务器位于softlayer的达拉斯机房,是中国访问速度最快的美国主机之一。
站长百科1美元银币竞价活动
每周总共举行3次美元竞价:
SEO优化教程
SEO方面的知识有很多,对于新手来说,如果你不知道,不清楚这方面的知识,那么,你可以看看这两部搜索引擎指南:
SEO搜索引擎优化基础教程:
SEO搜索引擎优化高级教程:
WordPress开发文档
wordpress的中文翻译文档:
http:
//www.wordpress.la/codex.html,wordpress开发的相关知识都有,对WordPress开发感兴趣的博主会有一定的用处。
WordPress免费主题:
http:
//www.wordpress.la/theme.html
WordPress免费插件:
http:
//www.wordpress.la/plugin.html
WordPress主题制作电子书:
Apache2.2中文文档电子书:
IXWeHosting控制面板使用手册(在线版+PDF电子书:
✓出处:
站长百科
✓原文地址:
站长百科(站长自己的百科全书更多电子书下载:
视频教程:
1.美国主机IXWebHosting使用视频教程(在线观看及下载)2.Godaddy主机及域名使用视频教程(在线观看及下载)如果您有站长类电子书,请到这里与我们分享:
详情见:
站长百科感谢您下载阅读,多谢支持!
üüü出处:
站长百科 原文地址:
本电子书整理自站长百科网页设计词条,查看内容请访问网站。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 怎样 做好 网页 设计