做会遇到的问题很多网页在设计的时候都会由于想要表达的内容过多，而形成很多文字组成的豆腐块，但是这样的表达方式并不会让很多客户接受。下面介绍做网页设计会遇到的问题，希望对您有所帮助。一、不合理的排版无论是书籍还是网页的排版，都是一本书或者一个页面的门面，因此排版就成为了一个非常需要我们注意的事项。一个不合理的页面排版，往往会让很多的浏览者感觉到筋疲力尽，失去了原本的阅读浏览的兴趣。因此排版也是所有网页都需要注意的一个问题，排版的具体事项不仅是指将文本内容，行间距调整好，对于文字的大小，使用者的喜好，受众群体习惯等，都是需要做一定的调查与研究的，这样才能更好的进行网页的排版。二、元素单调很多网站在设计时都会发现，一些图片，文本等内容按照一定的格式设计好，看起来虽然中规中矩，但是完全没有新意，很不耐看。其实，网页的设计也是需要根据人的心里感受去调整的，一些元素的单调，有时不仅仅指的是元素的种类，也可能是指元素在同一个页面中，所展现的形式过于雷同。所以想要进行改观，我们不妨将一些元素进行一下调整，将样式与尺寸做一下变动，这样出现的元素给人的视觉感往往就会耳目一新。三、页面没有层次感很多网页在设计的时候都会由于想要表达的内容过多，而形成很多文字组成的豆腐块，但是这样的表达方式并不会让很多客户接受，很多人一看到字多的内容，反而会失去阅读的兴趣。因而我们在设计网页的时候，可以将主次分清，将客户所需要，最重要的信息放置在最醒目的地方，来让客户便于更加直观的了解我们的网页内容。四、功能不完善很多的网页都会在页面的图片或者文字中带有一定的外部链接，这样的连接往往所关联的都是比较能够涉及到的事项，因此对于这样的连接，我们设计者也同样应该检查清楚，以免由于连接出现问题，而导致客户对我们网站的信任度大打折扣。除了一些外部的连接外，网页中的一些图片或者标识也应该做到清晰明了，不要让浏览者产生误会，这样严谨的态度同样也会让我们的浏览者对我们的网站增加不少的好感。五、文案不简练无论浏览者是出于怎样的心情浏览网站，通常都是具有一定的目的性的，因而我们在网站的文案上，也同样有有一些干货，不要让我们的客户在浏览中就失去耐心，文案的设计应该简练精干，具有一定的实用性。六、页面简介差看过很多中标的logo后我们就会发现，现在很多的设计都崇尚简介的界面，其实对于网页也是同样的道理，我们想要让客户可以更好的提高浏览率，就一定要让自家网站的页面看起来更加的简洁，不要太过于华而不实，要有一定的针对性，才会让我们的网站看起来更加与众不同。除了上述的这些问题需要我们建设者注意外，一些分辨率，图片加载速度等问题，都是我们建设者需要注意的问题，不要让图片模糊不清，尺寸过大或过小等问题影响我们浏览者的浏览体验感，这对于我们网站的创建来说，同样是需要注意的问题。如何在网页设计中使用Flash随着网络的普及和技术的发展，使网页动画迅速发展起来，网页动画的设计在网页设计中起到了重要的作用，网页动画逐渐成为人们所关注的一种动画发展的趋势。可以说，在网页设计及建站上应用Flash，使网页设计开始呈现出了多媒体效果，并使之逐渐发展成为了网页设计的重心。在此，本文重在探讨Flash动画在网页设计中的应用，以供同行参考。1、Flash的概述1.1Flash的简介MacromediaFlash是一种交互式矢量图编辑和多媒体创作软件，被大量应用于因特网网页的矢量动画文件格式，具有存储空间较小、效果好、交互性能强大、跨媒体性强、成本低廉、勾线和上色方便、视频流方便强等特点。目前，Flash已经广泛地运用于网页设计、广告设计、游戏开发等基于Web的各个领域，并逐步向多媒体、影视视频、产品展示、远程教育等各种传统领域渗透。1.2Flash的特点(1)Flash是以矢量图形为基础，本身导出的文件小，可以对图形进行任意缩放而不会影响图形的质量，适合网络传输。(2)Flash的AS代码非常强大，应用Flash制作出来的动画，交互性强，并能与读者产生互动。(3)Flash动画在工作时是采用插件，用户如想观看动画，只须安装一次插件，即可实现快速观看且无需重复安装。且由于Flash生成的动画很小，则调用的速度很快。(4)在Flash中既可加入按钮控制页面的跳动和链接，也可使用鼠标或键盘来控制动画中对象的运动。同时，在应用时，可用Flash对人们常使用的文字和按钮添加超级链接，使其在应用时只要点击链接即可跳转到所需的页面中去。(5)Flash可设计丰富的动画视听效果，例如，支持位图、声音、渐变色、Alpha透明等，用户就完全可以建立一个全部由Flash制作的站点。(6)Flash动画是准流(stream)形式文件，可以不必完全下载即可观看。(7)适用范围广，比如网站、广告、游戏、程序和多媒体演示等;应用实体比较多，如手机游戏、触摸屏广告和电视媒体等。2、Flash动画在网页设计中的应用2.1Flash动画在网页设计中的部分运用在网页设计中，F1ash动画作品除了以流式播放动画如：Flash动画短片、FlashMV，同时还有一些起着关键作用，却又具有一定交互性特点的形式。在设计的过程中，除了将引导界面做成Flash动画形式外，还可将内页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画等以动画的形式进行设计。但在设计的过程中，切忌不要将动画效果设计得过于花哨，以免过于混乱而使人产生眼花缭乱之感。2.2Flash动画在整站网页设计中的运用Flash动画除了应用于网页设计中外，有的网站采取整站Flash动画，即整个网站的所有视听元素部分及版式的设计均采用Flash技术进行设计，除了网站的引导界面外，网站内的所有视频、Flash广告动画、Flash交互动画、内页中的Logo、FlashMV、Flash片头、网站各级导航栏、旗帜广告、文字、链接、色彩、音乐、声音、按钮和图标等均采用Flash技术进行设计。尽管Flash动画网站很闪很动，但由于Flash动画在网站的应用中，受多重方面因素的影响，如带宽、浏览者个人电脑配置等，会影响到网页和浏览者的互动。因此，从Flash动画在未来的应用趋势来看，互动性的发展已经成为了一个新的趋势。在此，本文重点论述网页动画互动性的设计。2.2.1网页动画的信息交互要实现良好的网页动画信息交互，Flash动画的导航系统的交互性设计尤为关键。在设计时，需要调动Flash专用的脚本语言ActionScript。在设计时，以面向对象的思想和Flash中的事件对程序进行驱动，同时通过动画中的关键帧、按钮或电影片断来对已选定的脚本语言ActionScript进行定义和编写。2.2.2网页动画元素的设计(1)交互式导航系统的设计。由于导航栏有引导浏览者的作用，因此在设计时须分出几个级别的导航栏，且根据各个级别做出标志以示区分。在色彩的设计上，应尽可能地选用亮丽、透明和清爽的色彩搭配。另外，按扭的设计也是网页设计的重要元素之一。在设计时，除了给按钮设置链接外，还可给每个按钮设置出动画效果。但在设计时须注意的是，按钮动画效果应尽可能的统一和一致，以避免出现让浏览者烦乱的心理反应。(2)Flash形象展示动画的设计。Flash形象展示动画相当于网站的形象广告、网站logo，对整站网页设计至关重要。在设计时，主色应按照企业CI规范，采用标准色和辅助色，或是可以直接采用网页主色;而其他搭配色，可对照主色来做出相应的选择，或是可直接插入企业的形象产品。另外，色彩的搭配上，要尽量醒目、有气势，与整个页面协调。(3)Web图像的动画演示。一般，Web图像是静态的，但近几年来，Web图像也开始以动态形式出现在网页设计中。在设计时，将图像层叠放在同一位置上，通过动画进行分类展示给浏览者。而其色彩的应用，采用RGB色彩模式，使用216色网页安全色，格式有GIF、JPE6、PNG三种。(4)网络动画广告。网络动画广告是网页设计中广告普遍采用的一种表现方式。从目前的制作角度上看，动画在广告中的应用越来越广泛，特别是在影视广告方面。而动画广告，其在设计时更注重的是视觉的冲击力，要求在十几秒的时间能让受众理解广告动画中所包含的意思及内容，因此，设计时色彩和动画效果不能太杂、太乱，因避免出现过于注重动画效果而忽视了页面的主要信息，致使浏览者对其产生厌恶感而导致整个网站的浏览量下降。(5)声音的设置。声音是动画的重要组成部分，一个好的动画或网页，不仅要有精彩的画面、强大的功能，而且还应有优美动听的音乐。在Flash动画中，可使用的声音格式有：WAV、MP3、AVI和MPG/MPEG等格式。在设计时，可根据不同网站的风格来设置不用的音乐风格，同时可把声音的控制按钮放于页面的一个位置。另外，由于一些浏览者在安静的办公场合，不希望打开网页就听到声音，因此在设计时可将页面的背景音乐设置为默认关闭，并设置可由浏览者选择开或关的按钮。(6)鼠标动画。在做动画效果时，需要注意鼠标移动轨迹的图案和色彩的搭配。首先，鼠标移动的色彩应区别于页面色彩，能使浏览者可以清晰地找到鼠标的位置。其次，鼠标移动的轨迹不可以阻挡下边的页面信息，所以鼠标的动画图形尽量要小，且鼠标的移动轨迹不宜太长。第三，鼠标的动画色彩除了脱出于页面外，可以设计为稍透明的感觉。3、结语综上所述，Flash作为网站的一个重要的视觉元素，它不仅能使整个网站呈现多媒体效果，且可以通过数据通信使整个网站素材丰富，达到一个动态的效果。如今，随着电脑技术的不断发展，且Flash自身所拥有的众多优点，相信Flash动画在未来人们的生活中会更加的普及，从而成为未来网页设计的运用趋势。如何体现网页设计审美效应21世纪是网络信息的时代，各种主题的网站层出不穷，例如比较热门的电子商务网站、社交网站、视频网站等。虽然网页设计发展的时间不长，但是网页设计已经有了质的飞跃;要求不再仅是信息的传达美观和功能的实用，更注重整体设计的审美效应。审美效应指在艺术鉴赏过程中，我们总是从艺术作品的可视层面开始，然后经过我们复杂的精神活动，进而引发我们内心深处的某种情绪、感情。每个网站设计都有自己的风格，广义的风格是网站的整体形象给浏览者的综合感受;狭义指设计师作品中所表现出来的创作个性与艺术个性。不一样的个性表现出来的风格不同，不同风格的网站给人的审美感受不同。网站的艺术个性是整体设计的一部分，整体大于局部。从宏观的角度分析，设计风格的审美效应概括起来主要是宁静、轻松、严谨、庄重;当然人们的情绪感受不止这些，通常我们拒绝消极情绪的设计，除了少数特殊的网站。一、审美效应宁静宁静，顾名思义是安宁平静的意思。这种平和心态的审美效应走的是中庸之道，网页设计风格趋于简洁明快的中性化设计，没有明显的个性倾向。此类风格最大的禁忌是大面积使用鲜艳的色彩以及强烈的对比设计。首先减少颜色的使用，配色向低饱和度的灰色系靠拢，因为灰色最容易让人心里平静。其次更多的留白，一是能突出主体，二是白色没有任何倾向是最具包容性的色彩，俗话说有容乃大最符合了中庸之道。再是体现整体设计的安宁，不宜采用醒目的大标题设计，减少视觉效果的设计，版面布局和内容的形式越是简单效果越好，比如单页布局是最优的选择。近两年这种极简主义越来越受人们欢迎，越是简洁越是平易近人。二、审美效应轻松轻松，与宁静相比心境稍更愉悦。轻松是一种舒服的感觉，网页设计风格既可是温馨亲切的，也可是清新美好、富有生机的。该类审美效应网页设计风格最重要是对元素的情感倾向掌控。1.色彩元素情感影响占有比例最大，高饱和度的配色充满动感和生命力，让人充满惊喜让人愉悦;中饱和度的色彩搭配给人柔和温暖的感觉能够奠定温馨的基调;总之明亮鲜艳的暖色系色彩面积一定要比例最大。2.页面适当的采用圆滑、流动性的造型，可以让风格更柔，让人感到亲切。3.网站标志、字体、版式布局的等细节设计需更具创意性和趣味性，才能让人看着愉悦;反之呆板无趣的设计使人感到沉闷。4.高质量的大幅图片搭配也能愉悦观者，比如韩国清新插画很受欢迎。5.可爱的动物、美丽的植物等有生命力的元素应用可以使设计富有生机;综合的看整体设计对这些元素的运用应当繁简适中，过多的设计只会适得其反，让人产生反感的情绪。此类网页设计风格适合尺度较宽，属休闲类的网站典型比如购物网站、社交网站、娱乐网站。三、审美效应严谨严谨，严肃谨慎的意思。严谨意味着注重逻辑和细节，这是一种认真仔细的心态。网页风格傾于完美精致，追求细节设计。主要设计特点是：1.页面结构清晰，主次分明的布局，所以采用T结构布局较多。所谓T结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T，所以我们称之为T形布局。这是网页设计中用的最广返的一种布局方式。2.单一纯色的搭配，暖色较少，总体色彩倾向冷色和中性色，给人冷静沉着的感觉。3.选择造型规整有序，充满理性4.注重细节的设计，如阴影，倒角，质感，层次和空间，立体感;细节的设计更显品质和诚信。现在很多的企业网站设计选择此风格，苹果公司是这一风格的领导者，苹果曾经引发了人们对视觉质感的追求，金属质感表现给人很酷的感觉非常符合苹果的风格。四、审美效应庄重庄重，庄严隆重充满权威性。要体现权威，是营造一种气势，只有中规中矩设计风格适合。这一风格设计要点：1.页面布局构图要对称、均衡;2.配色不宜太过轻飘和花哨，由其要拒绝糖果色的页面设计及半透明配色;浓郁的色彩尽显厚重大气，可效仿宫廷的色彩搭配;3.醒目的大标题设计必不可少，字体设计要清晰易读;4.拒绝破坏严肃气氛的个性化造型和趣味设计;5.采用内容、图片及素材必须具有权威性;元素不再多，选择有一个到两个能压住页面视觉中心的视觉元素;整体设计要整齐、秩序显得规矩。此类风格最适合政府性质的网站以及要体现权威机构的网站。近几年网页设计风潮充分说明人们对审美效应的重视。例如空间和层次感的设计流行包括半透明、阴影、立体感等，让用户的情境意识觉醒。例如各种质感的肌理元素的运用充分调动人们的视觉和触觉的心理感受，或柔软、坚硬，或光滑、粗糙。可是一味的追求对视觉特效的审美效应也是不正确的;设计精美的图形界面和优雅适度的动画效果能够给人带来愉悦的享受;但是网页上那些闪动不停的广告条幅和屏幕中飞来飞去的弹出框以及四处充斥的造型复杂的图标、一连串的水晶效果的按钮、各种为炫技而堆叠的软件特效是否让你心生反感?网页设计新趋向是怎样的1、CSS3+HTML5技术广泛应用CSS3+HTML5技术将会得到更广泛的应用。网页设计师滥用Flash的现象会慢慢减少,很少设计师会在整个网站内都应用Flash设计,他们会在可用的地方使用HTML5替代Flash,使网站变得运行更快速。但目前HTML5还不能够完全取代Flash,Flash的某些效果HTML5暂时还不能够实现。但CSS3的应用范围越来越广,在某些地方上甚至超越PS,操作简单,维护方便。2、移动互联网时代智能手机、iPad和上网本销量的不断攀升,意味着你的设计需要考虑更多的移动设备。创建适合移动设备的网站不是简单地在原有的设计上去掉华丽的元素,也绝对不是在原有的设计再设计一个支持移动设备专属的网站,相信那个网站不久还是要改版的。在使用CSS3的情况下,设计移动网页方便多了,最重要的是你可以只修改一个CSS文件来完成整个网站修改,以符合用户使用不同设备浏览网页。如果你不提供移动网站或者没有针对移动网络标准优化,那说明你还并未准备好迎接移动互联网时代的到来。3、触屏设备触屏技术应用越来越广泛,触屏设备随处可见。这意味着,你的导航设计不再只是鼠标导航,你必须要考虑你的设计适合触屏设备。请问你的设计做到指尖导航了吗?作为设计师,我们更喜欢鼠标。当鼠标悬停的时候链接会变得高亮,然而触屏没有所谓的悬停。你将会在设计中如何向触屏设备访客展示链接?同样,如何才能做到方便你的游客仔细阅读您的网站?这可能在浏览器标准上存在争议,或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。最后,你必须考虑在你的网页设计中使用流体布局,你需要处理的重点不再是屏幕分辨率问题,而是如何做到使访客从垂直到水平阅读你的网站都会清晰。你的设计必须做到灵活,以应付任何挑战。4、域名的更新.com域名的吸引力越来越少了,主要是现在我们很难再找到一个比较短的.com域名了。未来将出现更多创造性的域名,人们开始将视线慢慢转移到.me、.co和.cc上。想想域名的发展,抢先一步,不然,错失先机。5、QR:QuickResponse方形的条形码被称为QR:为QuickResponse,它跟网页设计有什么关系呢?你可以试试使用手机拍摄一张QR照片,像变魔术一样,手机上读取QR的软件就会打开条形码相关的网站。你可以将QR应用到你的网站上,目的是让浏览者拥有你的移动网页的快捷方式。还可以在你的网址上放置一个特殊的推介代码QR追踪你的访客。或者可以使用QR作为你的头像,然后到别人的网站评论、留言。利用QR这点优势的网页设计是最睿智的选择。6、持续联系/LifeStreamLifestreaming是一种在线记录个人日常活动的网络传播应用,比如在线视频、博客、日志、在线相册、聊天内容甚至是一些喜欢的网站的链接等等。将来人们还会加强lifestreaming的形式进行人与人之间的交流互动和持续联系,并且,个人博客在Twitter上更加活跃,并通过Foursquare互相传递即时信息。毋庸置疑,作为网页设计师,你必须了解这个趋势和应对这个趋势。7、简洁的配色方案网页配色方案是设计师永远值得讨论和探索的话题,纯色不但直观和简洁,更有很多种表现手法。当然,颜色最好保持使用2到3种,调整颜色的透明度,或许会给你意想不到的视觉冲击效果。更最重要的是这些颜色不是PS出来的,而是应用了XHTML/CSS和JavaScript技术。8、大背景图大背景图的网页设计应用将会更加明显。这些背景图像一般是高分辨率,覆盖整个网页。高清图片是迅速抓住读者的好方式,可以产生极具冲击力的视觉效果。当然背景图的色彩、内容等都十分讲究,任何情况下都不要破坏用户的体验。图片类型趋向于一些比较柔和、略带透明的一类,不要影响到网站文字的阅读。9、ParallaxScrollingParallaxscrolling是让多层背景以不同的速度移动,形成运动视差3D效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。ParallaxScrolling可以通过简单的CSS技巧或jQuery插件来实现。Parallaxscrolling运用于网页设计的次要元素如header、footer或者背景可以起到很好的效果。10、深度判析深度判析是关于在网页设计使用维数,这样可以使你的网页变得更加真实。如果运用得恰当,那将会是一个虚拟的3D效果,就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计,你仍然尝试使用维数进行设计。11、缩略图设计Google已向浏览用户推出浏览预览技术。过去我们只能通过点击链接才能看到网页内容,现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。如果你的设计是基于Flash,预览将无法显示你的设计元素。现如今互联网用户变得更加精明,他们往往希望以更便捷的方式看到更多人性化的导航设计。互联网本身是原始的,枯燥无味的,是人类通过这个开放的平台分享他们的一切才变得多姿多彩。网页设计技术发展的速度和趋势,对网页设计人员是严峻的考验,如果把这些技术理解为一种程度,那么你达不到这个程度,就不能深刻理解你所做的工作,也就无法设计制作出适应时代的产品。
