网页设计遇到的问题和解决方法
很多站长为了让自己的网站更有吸引力，往往会给网站增添一些绚丽的颜色，加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。下面介绍网页设计遇到的问题和解决方法，希望可以为您带来帮助。
1、色彩种类运用过多
很多站长为了让自己的网站更有吸引力，往往会给网站增添一些绚丽的颜色，加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。降低了网站内容的可读性。所以如何更好的把握网站<访问者的喜好,为用户提供一个可读性更强的网站?这其中颜色就起到了相当大的作用。
解决办法：最好的办法是使用最多三种主色调与素雅的背景。
1 推荐给大家两篇关于颜色搭配的文章《6条网页设计配色原则,让你秒变配色高手》以及《Web Color Design——设计师谈网页配色艺术》
2 如果你还在为获取web颜色而烦恼的话，建议你使用Color Scheme Designer取色工具，以不同的模式，可以让你一下获取相近的四个颜色。
2、字体大小存在问题
这类问题往往存在多种表现形式，包括字体不足12号使得用户无法看清甚至点不到后退按钮。很多网页的上的字体都是正常大小,对我们来说刚好,但是父母来说网页上的字就会偏小了。
解决办法：一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高，12px的文字在大于1440*900的显示器里看起来会显得比较小，阅读起来不是很容易，所以现在网页设计里面用12px的已经比较少了，特别是文章正文部分，普遍都会用14px。
对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的，所以在css里面可以这样设置字体： font-family:"Microsoft Yahei",simSun,Arial; 把几个字体用逗号隔开，如果系统没有第一种字体，就用第二种，如果没有第二种就用第三种，以此类推。 对于大于14px的文字，特别是大于16px的文字，宋体看起来就比较丑陋了，所以建议是用黑体或者微软雅黑，看起来回舒服一些。
3、过度使用GIF、动画与音效
在某些情况下，GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。但这些都只是点缀，切记不可画蛇添足。GIF动画过多会造成一种庸俗而幼稚的氛围，而大家对于音效以及音乐的取向也有所不同。有时，我们精心设计，却难以实现效果。
解决办法：千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。使用GIF动画最好能免则免
4、超大的导航菜单
大型的导航菜单，对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单，超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫。这看似满足了全部用户的需求，实则会分散用户注意力，并让用户觉得不那么爽。如果导航、侧栏与底栏无法协同工作，那么网站内容再好也将没有意义。
解决办法：信息分类整合其实是就是为了应对这种情况而存在的，将网站的导航内容规划为不同的大分类，有了层级，用户更容易筛选;又或者你可以将导航设计成为更为有趣的图文式链接，让它看起来不那么枯燥，也不失为一个可取的方案。永远不要低估在屏幕上留白的重要性，因为其是创造平衡美感的重要基础。
5、乏味无趣的加载页面
随着技术的进步，时间对于人们来说越来越宝贵，为了一个20M的网页在浏览器前静静坐上1分钟等待加载，那大多数用户都会有关掉它的冲动，因为我们会在这个过程中无数次怀疑这个页面是不是卡住了。如今的网站加载需要的是速度和效率，这符合当前的真实用户需求。给用户提供即时的位置、时间和响应对一个优秀的产品来说很重要。
解决办法：
如果你的网站在加载速度上有问题，首先应该加载页面中较轻的元素，以及整个框架，然后使用加载器将较大和较重的元素逐步填充进去。这样一来，用户就不会觉得页面卡在那儿，而是在逐步加载了。
缓冲应该尽量避免，如果它必须存在，那就应该有趣一点。加载页面可以是一个加载进度条，一个为浪费用户等待时间的道歉或者是配有文案的简单动画。
6、设计臃肿，内容杂乱
不断增加的功能会导致需求和交付之间的延迟，这会让设计逐渐变得臃肿。将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪，导致用户难以阅读及导航。
解决办法：坚持增加必要且有价值的功能，尽量避免内容混乱多余。
7、对移动设备不够友好
智能手机已经成为人们在互联网上获取内容的最佳途径。大家的多数出站流量很可能都指向智能手机或者平板电脑。如果各网页没有针对移动设备进行优化，那么可能会面对难以进行正常访问等问题。
解决办法：让你的网页代码适应各种手机、平板等不同分辨率大小
8、无限滚动
无限滚动的出现，终于解决了移动端上查看繁复的分类页的问题。不过与此同时，无限滚动的设计，还为我们创造了不少从未遇到的新问题。举个例子，当你要访问一个重要的页面，而它正好在长滚动页面的底部，撇开加载页面的时间和流量不谈，滚到底部去找就已经是一个很头疼的事情了。
解决办法：就像超大的导航菜单一样，想要让它发挥作用一样有合理的解决方案。将传统的移动端页面和无限滚动两种模式结合起来使用，让用户自己来选择更适合自己的模式，这有助于提升页面的可访问性。
动画元素在网页设计中的应用
网站与人的互动设计就好比是一场互联网设计革命，它是人类在视觉、听觉和触觉等方面的要求和提高，是人类对于世界的审美的提高。一个成功的网站设计，除了对于网站内容是硬件要求之外，对于网页和浏览者的互动设计则是重要的软件要求。浏览者和网站的互动性与参与性，决定了该网站对于大众的吸引力和点击率。任何一家网站都有一定的互动性,而好的动画语言添加在这种互动性的体验中就为网站增添了更多的趣味性。
一、动画元素在网页设计中的具体体现
(一)主页互动主页中的动画展示是最关键的一部分，也是大多企业投入设计费用最多的一部分。形象展示动画如同网站的形象广告,起着不可忽视的作用。它的强烈的动态效果,给浏览者的内心留下一个最初且深刻的印象，将浏览者轻易的引导入该企业文化中。一般情况下，企业会将自己的企业理念或者是企业的产品做成宣传片置于首页的动画中，抑或是做一个关于企业产品的小游戏，来与浏览者进行互动。这样，在用户打开网站时，便会被一种包裹式的试听效果和形象展示所吸引。
(二)鼠标显示目前鼠标的动态效果千奇百怪,如浏览者将鼠标移上导航栏时和点击后出现的动画效果,可以给浏览者带来一种新奇感。目前有很多网站开始以动画的特效鼠标来吸引浏览者的眼球,或展现其网站的特色。例如卖蔬菜的网站往往会将鼠标做成胡萝卜的效果。当然,除了鼠标动画设计中需要的语言编程。设计师在做鼠标动画效果时,还要注意另外两个方面：一种是关于色彩的动画，通过色彩的明暗度或者饱和度等等方面的变化，进行动画效果。另一种就是在鼠标滑过或者点击的过程中，鼠标周围出现例如小范围的闪亮或者光晕的动画效果，这类效果无形中为网站添加了许多梦幻效果。这些设计主要还是要和网站整体设计风格进行搭配设计。
(三)进度条设计目前网站中的进度条设计是应用动画元素最多和最普遍的地方了。由于网速的限制，导致在浏览者打开网站或者下载时中间会出现卡壳或空挡，这时候大多会跳出一个进度条来显示其运行速度。各大网站对于进度条的设计真可谓是百花齐放各显神通。进度条设计虽然是一个很不起眼的小FLASH动画，但不小觑这些细节设计，进度条的设计精致与否，也关系到整个网站的设计成败，乃至企业文化的精髓。
二、动漫元素在新媒介上的未来发展
交互式导航不仅仅是在主页加一个FLASH动画那么简单，最主要的是它能够带给人互动时的新鲜感和愉快感,更优越于只注重于使用性的交互式导航功能,如使用者的参与是交互式导航的必需条件,在这种情况下,必须要有诱导使用者互动的设计。对于现在网络媒体飞速发展的今天来说,不仅是网站设计需要动画元素，连手机等便携设备的出现，也是用户交互界面的全新市场。如何设计出新颖的界面,让浏览者在不同的媒体界面上获取信息的同时得到愉悦的审美体验是很重要的。说到用户交互界面设计中的动画元素，也就是用动态的视觉因素来传播信息,与观看者沟通交流。
除了网页设计,现在还包括媒体游戏，聊天软件，购物软件等等。它们的互动设计中除了图片、文字、色彩以外的静态传达,还包括点击链接时画面变化的动态交互效果的动态视觉传达。除了游戏界面基本是由动画语言组成之外，其他交互设计最重要的是交互性的体现,在互动中融入动画元素，无论是从视觉审美上来说,网页交互性设计是要让人们点击链接以后在能获取信息的同时,达到视觉上的享受,;还是在这些包括不同色彩之间的动态变化上来说,图片之间切换的效果,声音的转换,文字出现的效果等等都是给上网浏览的人一种愉悦的心情。网络信息传播是具有视觉、听觉、触觉互动的视觉传达全球化的交互信息。网站设计师将动画元素融入网络设计中，这是在未来的新媒体交互设计大战中胜利的关键，这代表着一种新文化的诞生。
三、结语
把网络上的信息重新设计出幽默诙谐的界面,争夺了更多的眼球注意力，给浏览者以强烈的视觉冲击力和吸引力。互联网新媒体将是设计界的新的舞台,其信息资源无限、图文互动、高速高效的特点对传统设计媒体有着巨大的冲击,动画元素也对设计行业带来相辅相成的里程碑式的影响。
网页设计创意解析
文章从网页设计创意思维和创意方法的角度出发，简单解析了网页设计创意的内涵，突出了网页设计创意对于网站建设存在性的重要意义。希望通过文章的分析，能够对相关工作提供参考。一个好的网站，其网页的设计自然不会松怠。一个独特的网页设计创意，就像一个独特的商业模式能造就一个商业奇迹一样，能让一个网站获取更多的用户访问量，这时网页不仅仅是信息传递的媒介，已然成为新时代的一种新的营销手段。因而，如何在数以亿计的网页中脱引而出，表达出网站中心意旨的同时吸引更多的目标用户，自然将网页设计创意的探索推向前沿。
1、网页设计创意思维
创———创新、创造，意———意识、思想，创意的字面意思即创新的思想。创意是对现存实物的理解及认知的基础上衍生出的一种新的抽象思维和行为潜能。创意思维是以新颖独特的思维活动揭示客观事物本质及内在联系并指引人去获得对问题的新的解释，从而产生前所未有的思维成果。网页设计创意思维有以下几个原则：
(1)审美原则。好的创意必须具有审美性，没有好的审美感受，就不会产生好的效果，这就要求我们设计的内容积极向上、生动形象、健康美好，符合大众群体的审美评判。
(2)目标原则。创意的目的是更好的反映主题、表现主题，而不是独立成为某个艺术表现形式，脱离创意的目标性。
(3)系列原则。创意的系列原则是指创意不是凭空创造的，它具有一定的系列性，在某种基础上演化发展，可能是连续的、渐变的、重复的等等，给人一种分散的统一性，寓多样于统一之中。
(4)简介原则。创意不能过于浮夸，喧宾夺主，本末倒置;错落有致，层次有序方是创意之道。
2、网页设计创意方法
好的网页设计创意往往是在借鉴的基础上，凭借设计者丰富的经验和知识，从而启发出创造性的设计思路和方法。常见的网页设计创意方法有：
(1)联想———通过丰富的想象，由A事物想到B事物，突破时间、空间、虚实等各方面的限制，以达到预期的效果。联想手法的特点是源于人潜意识的本能以及认知和经验的积累，是一种最常用的艺术形式表现手法。
(2)对比———通过对立冲突的表现手法，将网页整体部分中需要突出显示的部分不和谐化，以达到预期的效果。对比手法的特点是利用差别借彼显此地突出不同性质和特点，这种手法会给人鲜明地强调感和视觉冲击感。
(3)夸张———通过虚构夸大的表现手法，将对象的特点和个性赋予新奇变化，以达到预期的效果。夸张手法的特点是虚构、夸大、变化!
(4)趣味幽默———通过喜剧特效的表现手法，巧妙安排，营造充满情趣乃至引人发笑、耐人寻味的幽默意境，以达到预期的效果。趣味幽默的特点是喜剧性、幽默性，是一种特有的艺术感染力作用手法。
(5)比喻———通过相似点以物喻物的表现手法，“借题发挥”、“婉转曲达”。比喻手法的特点是比较含蓄，伏笔有时不会被一眼看穿，但心领神会后往往产生意犹未尽的效果。
(6)悬念设置———通过“故弄玄虚”的表现手法，营造猜疑紧张的心里状态，驱动浏览者的好奇心，已达到预期的效果。悬念设置的特点是艺术层阶较高，有引人入胜的效果。当然，以上方法合理的综合使用，同样能够设计出创造性的新成果。此外，除了以上一些常见的方法，网页设计创意的方法还有很多。
3、结束语
一个网站的成败，很大程度上取决于是否有一个好的网页设计创意。好的创意能巧妙、恰如其分地表现主题，渲染气氛，引起浏览者的共鸣，使人过目不忘。可以说，好的网页设计创意是网站生存的关键。当然，服务于网站用途的网页设计创意最终的任务还是为了表现主题，创意阶段的一切思考，都是围绕着主题进行的。一个网站如果想在千军万马中突出重围，网页设计上必须下足功夫，有着独特的创意方能突出个性，在混战中抢得先机，为利于不败之地创造前提。
网页设计中使用文字图形化
随着电子商务的强劲增长，网页设计作为一种崭新的设计方式，融合了新兴学科的交叉背景，是“艺术”与“技术”的结合和统一。本文中的文字图形化即是强调它在“艺术”中的美学效应。通过分析网页中文字的设计与图形的诸多影响要素、具体应用中的方法和技巧，进而全面理解其表现方式与意义。这也是对“美学”在未来交互式网络的设计思潮发展趋势的探讨。
在信息技术飞速发展的当代，网上购物等电子商务形式的急剧蔓延，对网站、网页的功能人性化和视觉风格独特化提出更高要求，网页设计的整体风格要靠图形图像、文字、色彩、版式、动画等元素来表现，其中文字是网页设计重中之重，文字图形化处理后不仅能传达明确的信息和内涵，更能体现独特的审美和个性的追求，实现人与虚拟空间视觉传达和情感交流的功能。
一、“语境”与“情境”中的网络文字
网页视觉风格设计中最重要的构成因素就是文字和图形，如果只借助图形来设计无疑是不能起到明确传达信息的目的，文字的基本功能是传达信息，它具有最佳的直观性和最高的明确性。在网页设计中对字体进行艺术化设计，以主题鲜明、形式与内容一致、把握整体风格为设计原则，体会网页中文字的“语境”，并赋予它新的生命和力量，传达其美学效应，依照客户的需要使文字图形化，带领产品和客户融入到“情境”中。文字图形化即是对文字传达字意和语义功能的延伸性阐发，使其具有美学效应，给用户不同感受。
二、“技术”与“艺术”的功能化
统一网页中的文字图形化处理应该结合网页的功能、表现主题、色彩运用综合考虑，我们常见的文字字体有宋体、黑体、隶书、楷书等，从艺术的角度可以将字体本身与网页的颜色、版式、图形等设计元素协调运用起来，充分发挥文字图形化在整体页面版式中的作用。
1)从字形设计出发的设计技巧。文字是图形化设计的基础，从以下几个方面着手会比较容易找到设计的灵感和方法：①字的大小。字的大小可以用不同的单位来计算，如像素或磅，网页设计一般会选择以磅为单位，如果在页面中安排的内容比较多，正文一般选择常用字体，大小在9磅左右。在同一个页面中，字体种类较少，则有稳定感;字体种类较多，则版面活跃。一般在设计中会分析字的结构，从点、竖、撇、捺等角度去拉长或变形，得到一个衍生的新图形。②字的色彩。图形化之后的文字的色彩必须与网页的整体性和谐，网页是色彩是访问者登录页面后的第一印象，对营造网站的整体气氛起着积极的作用。此时的文字设计必须有着准确的定位，运用明度上的对比、纯度上的对比及冷暖对比度实现想要的设计效果。③字的风格。页面的风格与内容是至关重要的，结合网站的主题和特点在明确的视觉风格下对字进行创作，如：稳重、大气、时尚，现在很多时尚类的网站多运用摄影图片、插画作为网站的设计元素，在文字的设计上也与网站风格和谐，增添了不同的趣味。
2)以字的创意图形为基础的设计技巧。图片是整个网页的脸，有创意的图片或图形就像网页的眼睛，它具有直观而强烈的视觉冲击力。由文字创意而来的图形已经成为现代网页设计的香饽饽，它具备了图像所没有的深层涵义，也有文字所传达信息的力量。网页文字的图形化设计要充分运用平面设计的形式美法则，如：对比与统一、对称与平衡、节奏与韵律等。在给图形崭新的审美视角的同时也给浏览者以视觉的诱导，从视觉中心点开始，引导层级的页面递进信息传递，给用户愉悦的交互性体验。
3)以字的意境为中心的设计技巧。所有的文字设计必须遵循与网页整体风格和谐的原则来进行，用户在网站设计所渲染的氛围中能体会到网站的理念传递的意境感，在以中国传统元素为设计理念的网站中，必须融入更具民族特色的设计元素，让优秀的民族文化品牌和中国设计的味道更浓。如：水墨元素、传统纹样、古典造型等，引导用户在网页文字图形化设计中展开创意和联想。这些文字的设计会带来对追求美好回忆和向往的精神境界，用户识别网页的同时也激发对幸福平安、健康快乐、吉祥如意等情感。
三、“风格”与“气质”在图形文字中的形态
优秀的网页设计必定是赋予设计师对字体进行反复斟酌和挑选，不同字体拥有不同的“气质”，有的字体柔软，适合女性网站的设计;有的字体坚固严肃，适合男性网站或职能网站的设计，有的字体幽默，适合娱乐性网站的设计，这些不同的字带给用户的“气质”感受是不同的。经过艺术处理或明显带有艺术特征图形化的文字更是直接影响到受众的情绪。文字图形化是一个经过各种具有创意的内涵的延伸，不仅能使页面具有审美性和层次性，更能让网站具有独特的气质。如：教育类网站，树立良好的校风校貌，在字体运用上常常稳重大方，在文字设计上清新素雅，营造学校严谨的学术“气质”。企业类网站，一般文字按照企业视觉形象系统(VIS)来设计，从色彩和视觉的独特性上创意，让用户产生记忆联想。餐饮类网站，文字在图形化的设计上应当给消费者一种遵循健康的气质，在色彩上尽量返璞归真，勾起食品的原味感。文化艺术类的网站，切不可呆板，设计出来的图形和文字应具有创意能给客户强烈的视觉冲击力。
四、结语
Internet代表着一种崭新的信息交流模式，随着网络普及，它突破地域和文化的限制，使信息传达的范围和效率都产生了巨大的飞跃，各行各业的商品推销、宣传都离不开网站。随着网民的素质和审美的继续提高，也对设计师提出了更高的要求，借助文字图形化在网页设计中的启示，网页设计师还得提高眼界、善于思考，综合网络技术、经济学、艺术学、美学等多方面的知识，改变观念，为客户带来更加人性、科学、舒适的交互网络设计。
