网页设计所需的技巧

网页设计所需的技巧

以下就是网页设计所需的技巧等等的介绍,希望为您带来帮助。

网页设计所需的技巧

1、 优化图片,获得更好的页面加载速度

学习如何通过选择正确的格式,来优化网页图片,并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带,但仍然有人是拨号上网。此外,虽然移动装置技术的普及,但移动装置却不一定支持像宽频一样的速度,图片文件的大小可能还是会延长网页的加载时间,有可能把用户赶走的。

这里有个选择适合的文件格式的技巧:如果图片是单色,那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。

有很多的工具可以帮助你进一步优化你的图片,降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低,并且灵活使用图片,并且尽可能地减小文件大小。如此一来,将可以大大的减少页面的读取时间和改善网页的性能。

2、保持干净和简单(即:简洁)

一个好的网页设计不光只是看起来好看而已,还要是用户友好型的。通常来说,一个干净、简单的网页设计最终会成为一个可用性高的网页设计,因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时,将会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的,然后问自己以下问题:

1.是否真的需要这个设计么?

2.这是什么组件是做什么用,它如何协助用户浏览?

3.如果我突然删除这个组件,大多数人会希望它“回来”吗 ?

4.如何把这些元素和目标、消息和网站的宗旨互相结合?

此外,尽管它可能是一个超酷的新概念或界面设计模式,但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口,如果你的设计的确很独特,确保它不是太模糊和晦涩。 要有创意,但还要保持简单。

3、导航(条/栏)是最重要的设计

一个网站最重要的部分就是整个网站的导航。没有它,无论在哪个页面中,用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向,我们将讨论一些建构网站导航时重要的点。

首先,在网站的导航结构上,投入足够的时间和很多规划是非常重要的。虽然这是常识,但仍然有很多设计师想当然地设计网站导航。

摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性,这些是你制作导航设计时需要考虑的。

在没有CSS的状况下,你的导航设计应该也是可用的,这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器,但它们在很多的移动设备上还是流行的。也许更为重要的是,对屏幕用户来说(99.99%的情况下),没有CSS的导航功能照样可用访问。

在没有客户端技术情况下(如JavaScript或Flash),导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。

所以,制定一个导航系统可以放置的良好位置是必须的,例如放在一个显眼可见的地方。一个好的导航功能,只要网页载入就出现,而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用,一个复杂且非常规的设计可能会让用户困惑。

哪怕只有一瞬间,用户也必定不会纳闷:“网站导航在哪里?”

最后,对网站建立阶层结构,多层次的管理。确保它在父层与子层之间易于导航。此外,不管在哪一个网页当中,也应该能很容易到达最高层的页面(例如网站首页)。

最主要的目标就是你的网站导航,尽可能减少操作(动作),努力而让用户到达他想要浏览的内容。

4、明智和有条理地使用字体

虽然有成千上万的字体,但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。 所以坚持使用网页安全字体。如果你不喜欢网页安全字体,可以考虑利用sIFR或Cufon逐步增强的网页设计。

保持字体的一致性,确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性,使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现,所以我们有时设置字体大小而让用户感觉到不舒服。如果可能的话,尽量保持字体大小12像素以上,特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难,但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

5、理解色彩无障碍性

说完字体后,我们还需要指出使用正确颜色的重要性。例如,黑色文字在白色背景,如果使用高对比度,橙色背景上的红色文字会令你的眼睛感到紧张。

此外,使用一些对特殊形式色盲的用户友好的颜色(检查工具名为Vischeck,可以测试某些类型的色盲)。

有些色彩组合只适合运用在前景色的部分,而不适合做背景色。举个例子来说,深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景,都是使用两种一样的颜色,但用在不同的部分则影响了它的可读性和阅读的舒适度。重要的是,不仅要使用良好的色彩组合,而且要把它用在页面中的合适元素上。

6、知道如何编写代码

随着各种所见即所得的网页编辑器充斥市场,网页设计已经成为简单的1-2-3步骤就能设计好一个网站。然而,大多数网页编辑器掺杂了不必要的代码,使你的HTML结构设计不当,难以维护和更新,导致网页膨胀。

通过自己编写的网页代码,能得到简洁的代码,能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。但知道如何使用所见即所得的IDE或预览功能并不会妨碍学习 HTML和CSS。你要知道发生了什么事情,才能创造有效并高度优化的网页设计。

7、不要忘记搜索引擎优化

在设计网站时,一个好的网页设计师应该永远牢记基本的SEO概念。例如,网页内容结构、用文字表示标题(即网页的标题和标志)。此时,以前学习的如何合理编码的能力就派上用场。认识正确、语义和基于标准的HTML/CSS 后,你会很快认识到Div比表格布局好得多,不仅更为准确地展现内容,而且对搜索引擎排名也有帮助。另外,知道用CSS更换背景、文字和图片也是一个好主意。

8、理解人是没有耐性的

普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此,作为一个网页设计师,要有个好方法,能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。

要知道,如果用户在网页头部看不到感兴趣的内容,没有多少人会向下滚动,去查看整个网页的内容。所以,在网页头部很容易看到的地方放置网站上的重要元素,但也不要过度拥挤在上半部分网页,否则会吓到用户,而不会往下继续看内容。记住上半部分网页设计的卖点:视其为推销员,使人们有购买想法,即他们想在你的网站上看到什么。

9、了解(并意识到)浏览器的兼容性

当一个网页设计师必须要知道的一件事,就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器,那是不够的,你需要尽可能多浏览器下测试。这里有一款工具Browsershots,可以测试浏览器兼容性。

10、使设计有灵活性和可维护性

一个好的网页设计师可以确保以后可以很容易更新或修改网站。设计一个有可塑性、易于维护的网站,是一个伟大网页设计师的标志。让你的工作尽可能从结构化转向模块化。

网页设计这个行业是动态的,而且还很“年轻”。事情往往在短暂中变化。牢记这种思想,将推动建立更加灵活的网页设计。

如何实现城市形象网站建设

在我国,很多城市已经开始有意识地利用互联网这种新型媒体推动城市发展,政府政务网站、旅游宣传网站如雨后春笋般出现。 然而,大部分城市往往忽略了专门用于传播城市品牌的网站的重要性。笔者研究发现,很多城市的政府网站既发布政务信息,又用于城市宣传;一些城市的官方门户网站栏目分类繁杂、信息混乱。这些网站都无法满足塑造城市形象、传播城市品牌的需求。

因此,为提升城市整体形象,研究人员在设计城市品牌传播方案时,必须为城市设计一个全方位的城市形象传播功能性网站。通过该网站的内容设计,使受众更全面地认识这座城市的特质,并接收到尽可能多的正面信息。

网站受众

设计方案需首先考虑受众。通过科学调研了解城市定位,确定城市消费的主要对象,并了解他们对于网站资讯的需求,将有助于形成清晰的网站设计思路,提升城市形象网站的实际功能。

一般来说,城市形象网站的受众主要为旅游者和投资者。旅游者为了能更清楚地认识和了解将要到访的城市,在出发前常常会通过网络搜索城市相关资讯。因此,除了吃喝玩乐等旅游信息,城市形象网站也要提供城市概况、历史、地理、气候、交通、文化、特产、风景等资讯。

对于一些经济高速发展的城市来说,海内外投资者对城市经济体系和投资环境最感兴趣。尽管此类资讯更适合在城市招商局网站发布,但城市形象网站最好也能提供简单的说明和其他功能性网站的链接。

另外,媒体、慈善机构、学者、政府官员、当地居民等也是城市形象网站的潜在受众。媒体利用网络搜索挖掘新闻题材;慈善机构和学者利用网络搜集研究素材,因此城市形象网站就好比城市宣传部的“发言人”,为受众发放权威准确的一手资料,塑造城市的品牌形象。而对于政府官员和当地居民来说,利用网站的互动功能实现有效沟通,则对城市的未来发展有百利而无一害。

架构和内容

城市形象网站栏目设计和内容的重点应该是城市形象信息。网站框架不应太复杂,主栏目以六到八个为最佳,避免模糊网站传播目标,影响宣传效果。内容方面,设计者应该依据调研成果(城市特质和卖点)确定传播要点,仔细取舍。

不同城市的传播要点不尽相同,但一般情况下,城市形象网站的主栏目应包括城市简介、品牌、文化、旅游、印象和互动这六个主要项目。

“城市简介”可分为城市概况、地理位置、政府架构、经济体系和历史事记等五个部分。城市概况包括行政区域、经济教育水平、民族比例、常用语言和宗教文化;地理位置除了城市方位,还包括当地地质、地势环境、海拔、面积、气候等信息;城市地图应标注重要景点,以及该城市与我国其他重要城市的距离(如北京、上海和城市所在省的省会),使其更直观、有效;政府架构应以列表形式出现,并直接链接到各部门的网站主页,尤其是当地的政务网;经济体系宜以简单的文字进行介绍,并提供当地招商局联系方式;历史事记则可采用编年体列出城市重大历史事件,让受众一目了然。

“城市品牌”部分可设官方致辞、城市核心价值、形象标识、宣传口号等四个部分。官方致辞需要说明城市品牌推广的目的,表达城市管理者对各部门和社会各界支持城市建设的感谢,并表达有关部门对城市品牌塑造的期望。城市核心价值指当地人的价值观、生活态度和抱负,主要源于前期调研结果。形象标识和宣传口号作为城市品牌塑造的成果,可借网站平台得到推广。

“城市文化”因地而异,取决于调研结果,常包括文化历史、地方节庆、特色建筑、歌舞手艺、英雄人物等部分。文化历史总结当地文化发展的历程,讲述城市的远古故事;地方节庆可用当地传统节庆年历表,配合研究人员根据调研结果策划的新城市节庆活动,配上备注和图片供受众参考;特色建筑指具有文化历史和民族风情的建筑物,如北京的胡同、内蒙古的蒙古包、苏州黑瓦顶小屋、北川的白塔碉楼等;歌舞手艺即城市的传统艺术文化,如歌舞、音乐、书法、刺绣、陶瓷、服饰等。此外,名人故乡亦可作为城市卖点在这个部分呈现。

“城市旅游”栏目应涵盖旅游者最需要的资讯,如城市交通、旅游景点、地道美食、当地住宿、娱乐购物等。城市交通除了市内的主要交通工具如地铁、公共汽车、出租车的详细信息,还应标注从主要交通枢纽(机场、火车站和长途车站)到市中心的方法和距离,不妨提供可下载的自驾地图指南,方便不同旅游者;旅游景点旨在推广城市的旅游资源,建议列明景点的简介、详细地址、开放时间、门票收费等资讯;地道美食包括当地名菜、特色家常菜和传统小吃的菜式、食材和典故,如北京的烤鸭、水饺、豆汁、驴打滚、窝窝头等;当地住宿可推介有特色的宾馆旅店、民宿及近郊农家乐;娱乐购物则应包括特色商业街、大型商场、温泉设施、滑雪基地、游乐园、酒吧街等简介。

“城市印象”旨在分享与城市形象有关的音像视频、图片集和散文游记,给受众直观体验。音像视频展示城市宣传片,长度应控制在五分钟以内。图片集可制成电脑和手机桌面壁纸,供受众下载。散文游记重在凸显城市人文风情,向受众要印象加分。

最后一个主栏目“城市互动”包括相关链接、网上论坛、在线咨询、联系方式等。相关链接包括当地的新闻网站及城市推广相关政府部门(如文化旅游局、招商局、城市规划局)网站。网上论坛和在线咨询旨在增进受众与政府官员间的交流,而城市宣传部的联系方式也必不可少。

主页设计方面,需兼顾简洁美观和功能实用两个原则,日期、天气、时间等基本信息必须出现在首页,供各类受众参考,另应设置多语言选择、站内人数统计、手机导航版、首页设计、加入收藏、站内搜索等。

提供多语言选择是城市形象网站的一个必备功能。笔者认为,大多数中小城市的网站提供中、英文两种版本即可。

提供多语言版本的城市形象网站,首先是为了方便越来越多的外国旅客和对中国城市感兴趣的外国友人。其次,这是一个城市树立国际化形象的重要举措。最后,多语种的城市网站有利于落实我国的整体对外传播策略,对于提升国家形象大有裨益。

内容方面,外语网站不应完全复制中文版,而应根据各国文化习惯提供受众可能感兴趣的内容。例如英文网站应提供对城市概况和品牌传播框架的介绍,不必经常更新。

另外,站内人数统计将为网站维护人员改良网站提供科学数据。而手机导航版、首页设计、加入收藏则旨在使受众能以更快捷的途径搜索站内资讯。

设计风格

城市形象网站需要给浏览者留下独特、深刻的印象,即从视觉上突出品牌个性。

城市的标志和口号应位于网站每页最显眼处,不断强化受众的记忆。城市标志色一般是标志设计风格的延伸,是整个网站主色调,以一到两种为宜,遵循时尚、简洁、美观的原则。除此之外,当地特色图案亦可被利用,例如苏州的网站就使用了代表当地的江南风光和文化元素,以古典水墨画的形式展现出来,形成其独特的风格。

网站应以能抓住受众眼球的图片为主导,文字信息宜简洁明了。图片选择旨在表现城市特质,建议采用原创图片,避免下载的图片破坏整套宣传计划的效果。

最后,在可行的情况下,设计者可在城市形象网站中加入互动元素,增加网站的趣味性。例如,制作电子版的城市让浏览者“逛”遍大街小巷,进行“视觉旅行”;或制作简单易学的城市知识问答闯关等小游戏,让受众在娱乐中增进对城市的了解。

地方性网站建设应思考哪些问题

1、地方性网站的现状

自1999年推进政府上网工程以来,地方网站从单纯发布信息的“门(窗)”到公开、办事、互动一体的“门户”,充分显示了地方政府网站在行政体制和公共服务领域的功能、地位日趋成熟。据统计,截止2006年,我国以GOV.CN命名的政府门户网站数量已超过10000个。

到2010年,全国已开通5万多个政府门户网站。目前,随着大数据、云计算、物联网时代的到来,地方门户网站不仅数量猛增,应用能力也得到全面提升。地方门户网站的发展进入了一个崭新的阶段,地方门户网站的建设更加智能化,网站管理更科学化、网站的服务更加全面、细致、人性化,在功能方面已经从电子党(政)务应用、网络民主建设扩展为网络经济发展、和网络文化建设四个方面。地方门户网站与地方企业联手,以虚拟经济拉动地方实体经济的发展,并通过展示丰富多彩的地域特色、风土民俗,使地方门户网站成为精神文化生活的主要平台。但在现实生活中,不容勿视的是随着国内的网民日趋成熟,其需求不断扩大,地方门户网站在“供、需”之间存在很多缺口。而公众、企业期望公开社会信息、公开政务、网上办公、公仆公民网上互动的呼声很高,可是由于种种原因,各个地方门户网站的建设管理水平参差不齐,现有地方门户网站的服务项目和服务水平还远不解渴。因此,需要对地方门户网站建设管理中存在的问题进行深入的分析和探讨。

(1)网站数量多,发展水平参差不齐

目前,各级政府绝大多数都建立了政府门户网站,但发展水平随地域有所不同,发达地域已着重在线办事功能,而某些欠发达地区甚至在网站信息发布的数量与质量上都还存在许多问题。

网页设计所需的技巧

(2)信息发布多,占据篇幅大

许多网站将政务信息发布作为网站建设的主要工作,发布信息面广、量大,更新频率较快,信息栏目放在网站的醒目位置,占据大量篇幅,但往往是摘抄了与地方政府工作关系不十分紧密的信息,数据冗余量大,原创信息较少。

(3)公众参与的积极性高,互动较少

地方政府门户网站发展的重要标志是应用效果方面,其中的重点在于公众的参与度。目前,大多数网站公开处理反馈意见的数量虽然有所上升,但缺少相应的互动,表现为单方面宣传较多。

(4)在线办事能力弱,服务形式化

在线处理是目前网站功能最弱的一项,面向社会公众和企业提供服务的能力非常有限,大多数网站只能提供表格下载服务,跨部门、跨平台的综合业务大多还不能实现网上办理,服务意识有待提高。

(5)网站漏洞有余,网站安全亟待加强

近年来,网络安全问题备受重视,网络安全措施也更加严密,但一些政府网站建设受技术力量、资金投入等诸多因素的影响,往往存在信息安全管理滞后于网站建设的情况。政府网站所面临的安全问题主要有以下两个方面,一为站点内容被篡改,二为服务器被黑客攻击。这些网络安全漏洞,将会给国家和企业造成了较大的损失。

2、地方性网站建设的思考

(1)加强地方网站建设,提高网站的辐射强度

地方政府门户网站应是最贴近民众、最接地气的交流方式,地方政府门户网站建设有利于转变政府的工作作风,提高创新服务意识和办事效率;有利于保障公众的知情权、参与权和监督权;全面推行政务公开,打造“阳光政府”。随着“互联网+”时代的到来,虚拟经济和互联网产业成为我国的一种战略性新兴产业,地方门户网站应从单一的“信息化”转型为“综合化”,借助现有的公信力和影响力吸引更多网民的关注,为企业和民众搭建综合的电子服务平台。

(2)制定统一规范的地方门户网站建设标准和管理制度,扩充网站内涵

自推进政府上网工程以来,政府网站的数量快速增加。在如此众多的网站中,其网站命名、栏目规划等方面基本上都是各自为政,自行其道,没有一个统一的建设规范和标准。如就其网站命名来说,政府网站的名称是五花八门,在组织地方门户网站建设时,应制定统一的规范和标准,分层次规划地方门户网站和政府部门网站建设,使政府的网站建设纳入规范化、标准化的轨道。同时,要不断扩充网站内涵,增加原创信息量,加入热点交流、特色旅游、特色产品、特色文化等,不但解决了老百姓的衣食住行问题,还给网站带来了生存和发展的动力。

(3)加强在线服务,强化“以人为本”设计理念

从使用对象角度出发,按照用户需求提供网站服务内容,在线服务与交流就体现了“以人为本”的理念,更体现了公众对政府工作的参与度。因此,加强在线服务功能是网站建设中亟待解决的问题。

(4)网站建设内容形式创新,采用先进技术手段

在网站建设中,应避免网站的服务内容和老百姓的需求之间产生错位,及时更新内容,页面设计力求简洁明了,采用层叠模式在不增加页面大小的前提下发布更多的栏目内容,引入信息在线报送、微博转发、二维码收藏、微信互动等新技术,使网站用户体验更加友好、新颖、方便的服务。

(5)网络安全上手段,降低损失是关键

加强安全防范措施,对恶意访问、SQL注入、密码拆解上传木马、页面篡改等采用安全防范技术进行阻止,确保网站安全,减少安全漏洞带来的损失。

总之,地方门户网站的建设是加强政府和百姓沟通的桥梁、是提高政府办事效率、展现政府良好形象的重要平台,是提升政府的公信度和服务意识的有效手段,建设优质高效的地方门户网站具有十分重要的意义。

如何评价网页设计中的艺术展现

1.网页设计中的艺术设计

网页设计中的艺术设计细胞包含三个方面的内容。首先是视听上的艺术细胞。在视听上有如文本、图像、背景音乐、导航工具等视听元素。其中文本是其主导地位的一个元素,因为一个网站最终是要表达一个思想或传递些信息,而文字的好坏直接关系到网页的整体质量。能够直接吸引观众注意力的当属音频、视频和动画元素的设计上,为了突出重点,往往采取把动画设计在弹出广告中,或用在导航条中,视频的出现使得网络的内容更加丰富多彩。

其次是版式上的艺术细胞。简单地说,网页的版式设计就是在有限的空间上如何将大容量的信息进行排列组合,而不同的组合模式所产生的效果也大不相同。每种版式各有千秋,使用不同的网站设计主题,有满版型的、对称型的、分割型的等。网络设计者应当首先进行定性分析,分析如何使整个网页总体美观、整洁和有条理,同时还要进行定量分析,小小的设计空间上进行布局。

再次是色彩上的艺术细胞。一个网站必须要有一两个主题色彩来象征网站的内涵,这是进行市场竞争的重要步骤,我们应当注意到色彩对人视觉效果的冲击。色彩的搭配和运用既是一门技术活,也是一门艺术。往往不同的色彩所折射出来的概念是不一样的。例如,绿白组合可以使人感觉优雅舒适,红色可以凸显喜庆的氛围,蓝白混合能给人清新淡雅的印象。在设计规划中,强调整体性和一致性,杂乱无章的界面只会增加网络用户的厌恶感。

2.网页艺术设计应当注意的问题

值得注意的是,艺术设计包含较多的主观因素,因此对网页设计者有一定的技术要求,要求熟练掌握各种软硬件技术,把技术和艺术交融在一起,发挥技术的支持性作用和艺术的想象空间。注意形式美和实质效果的统一。如果为了追求独特风格设计而缺乏网页内容的真实性,又或者只重视内容的充实而忽视了艺术表现,那么结果都是使网页设计显得空洞苍白。只有将两者有效统一起来,在和谐的外表下使用户的视、听觉领会到主题内容的精髓,才能使网页设计具有价值。

注意网页设计的持续性和交换性问题。网页设计是在网络环境下完成的,不同于传统媒介方式,因此要求网页设计者的观点与时俱进,进行改变。现代信息变化莫测,人们接受信息的方式也发生根本的转变,人们不再是吸纳信息的被动接受者,而是有个人的偏好和倾向,及时反馈用户的信息是网页设计取得进步的经验和宝贵财富,也是企业螺旋式上升的必然结果。

3.小结

总而言之,网络的出现使人们的宣传和交流方式发生了翻天覆地的变化。网页设计是计算机科学和美学相结合的综合性工作,它有自身的发展演变规律,需要后人遵循基本的艺术法则和美学规律。它对设计工作者提出了较高的要求,是内容与形式的统一,是整体与局部的统一,是艺术和技术的统一,是主观和客观的统一。随着技术的继续前进和人们追求美的标准的不断变化,网页艺术设计永远是一门学不完的学问。虽然不同网站的网页设计模式各不相同,但是共同点是网页艺术设计都能充分利用网页的功能,提高网页的内在美和外在美。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章