设计网页时要考虑的问题
当前位置:贝知网>知识分享>平面设计>设计网页时要考虑的问题
设计网页时要考虑的问题
时间:2023-01-06 平面设计

设计网页时要考虑的问题

设计网页时要考虑的问题

网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。下面介绍设计网页时要考虑的问题,希望对您有帮助。

第一:页面内容一定要新颖

网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

第二:我们的网页命名一定要简洁

由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些页面有效地被连接起来,用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。

第三:一定要及时更新网页信息

网页制作好后,不能说万事大吉了,其实事后的工作量更大。因为网页制作是一时的,而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉,比如用户无意中点击了页面中的一个连接,在苦苦的等待之后,换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及时更新,也最好在主页上发布信息,告诉前来访问的朋友,因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。

第四:还有一定注意视觉效果

设计Web页面时,一定要用1024*768的分辨率来分别观察。许多浏览器使用1024*768的分辨率,尽管在1280*1024高分辨率下一些Web页面看上去很具吸引力,但在1024*768的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页

第五:随时注意网站系统的升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

第六:网页内容要简单易读

网站设计最重要的诀窍,恐怕就是你的网页要易读。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起你的网页来很费劲。一般来说,浅色背景下的深色文字为佳。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。另外,最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题一般应该居中,因为这符合读者的阅读习惯。

第七:网站具有一定的交互功能

一个静态网页始终给人一种呆板的感觉,缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计,使得访问者能从网站上获得交互的信息,从而使访问者有一种参与网络建设的新鲜感和成就感。

Banner设计需要注意什么

1、banner设计中的文字注意事项。

一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。

①分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满,比较集中。

②如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化‘的’、‘之’、‘和’年’‘第X届’这种信息量不大的词。

③如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。

2、Banner有动态和静态两种。

在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。根据粗略统计,100个Banner里面有1/3是静态的。

3、Banner的“重量”要轻。

以468×60的Banner为例,最好是15K左右,不要超过22K。而88×31的Banner最好在5K左右,不要超过7K太大的会引起网页打开速度,导致浏览下降,这里面也有个量的问题,太多的广告而影响浏览者浏览网页,导致反感,这也是一个问题。所以放广告条的时候要考虑到广告的大小和多少,还有就是搭配问题。

4、从banner设计上来看,需要注意:

①Banner的文字不能太多,用一两句话来表达即可。

②广告语要朗朗上口,可以第一时间的让人捕获表达的重点。

③图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没。

④图形尽量选择颜色数少,能够说明问题的事物。

⑤如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。

⑥尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。

⑦产品数量不宜过多。很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个Banner变成产品的堆砌。

Banner的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

网页设计发展趋势有哪些

1.微交互设计

功能和细节设计好了,往往就能设计出一个好的产品。功能吸引用户使用产品,而细节设计将决定用户是否留存。优秀的细节设计当然离不开优秀的微交互设计,它能让用户感到强烈的参与感和互动性,同时能通过微小而自然的变化带来非同凡响的愉悦感。

如果用心观察,我们会发现每天都在遭遇数百次的微交互。比如,当你将iPhone设置成静音时,伴随出现的震动提醒、屏幕上的静音图标;在播放器中切换歌曲的时候,界面出现的提示信息等。那些真正让人着迷的应用很大程度上因为微交互的存在。

2.三维设计增加

从各类热门的科幻作品中,我们不难发现“时空扭曲”、“重叠”等一直是备受人们青睐的关键词。在以往的UI或运营设计中,平面、二维的设计手法比较常见,但从今年开始慢慢趋于更多的立体3D效果,增加了设计的纵深感及趣味度,同时也让画面内容更丰富。

实际上,空间感在视觉设计中是愈发重要了,通过对文字进行前后排列,紧缩元素间距从而形成层叠效果,可以带来不错的阴影效果,突显各元素间的前后空间关系,营造立体空间感。

3.响应式设计

响应式设计的概念,在2010年被提出后便快速席卷了前端和设计领域,现如今成为网页设计的大趋势。正如Ethan所说:“响应式网站设计提供了一种全新的选择,这种基于栅格布局和CSS3的流动性网页设计,可以让网页随着屏幕变化而响应。这是一种更为统一,更加全面的设计技巧,一种打破网页固有型态和限制的灵活设计方法。”

可以兼顾屏幕多场景的灵活设计,便是响应式设计令人着迷的所在,这点和编程开发中所追求的“一次编写,到处运行”有着异曲同工之妙。

4.半扁平化设计

在过去两年左右的时间,扁平化设计可以说是最受欢迎、但又最具争议的设计趋势。不管哪种设计趋势,显然会受到媒体、技术及实用性的综合影响,最后会以一种渐进的方式逐步渗透进我们的设计中,周期一般在1到2年。其实目前已有很多设计师对扁平化设计理念进行了再创造,于是形成了当下新的设计趋势—半扁平化设计。

这种设计方法的特色就是,在简洁设计的基础上增加一些空间感,包括卡片设计和悬浮按钮,从而让用户感觉系统不同层面的元素,是有原则且可预测的。

不同的公司往往有着不同的企业文化和客户群体,同样,在网站设计时,适用于某一企业的方案设计,很难简完全再适用于另外一家。汕头网站建设设计者要着眼于客户独特的情况和要求,为企业量身定做,通过多样化的网页设计最有效的展示出客户网站的要求。

网页设计应该如何布局

在网页设计中,布局的方式各种各样,不同的布局会在视觉上产生不同的效果。网页设计的好坏,会直接影响用户的操作以及留下的印象,而网页设计的关键,就在于布局。平常我们都会按照设计规范来布局,虽然方方正正看着易读,但却会让页面显得过于死板,如何布局才能让页面充满活力呢?

一、巧用元素

左右分屏是最近一年比较流行的布局方式之一,这种布局能够更加强调品牌的色彩调性,避免图片与文字的叠加干扰阅读,带来的问题就是中间死板的分割线,设计师将输入框横跨了两个模块,巧妙地打破了这个死板的形式。很多时候我们无法避免分割中的直线,也不可能把所有的直线都改为曲线,这时候可以适当利用一些元素让模块之间有个过渡。

二、错位布局

错位布局即将图形、图片、文字等信息进行错位布局,让页面无须拘泥于条条框框之内。在下图的案例中,将图片与背景块错位布局,看似好像没做完,实际是设计师精心的布局方式,让画面充满动感,同时图片的投影也让这部分信息顿时有了层次感。

三、明亮色彩

颜色是一把开启人们心灵的钥匙,色彩是形成网页界面风格的重要组成部分,在排除立体图形、动画效果之外,色彩的冲击力是最强的。在网页设计中想要突出活力,可以适当运用明亮的色彩。合理运用好色彩不只能够向用户传达信息,而且还能吸引用户的目光,比经典的黑白配色更有活力,更震撼。

四、人物背景

巧用人物作为网页背景,也是增加界面活力的一种方式。将人物与图形、图片、文字等信息进行叠加,打破传统的左右、上下布局,增加画面的透视与层次关系。在案例中,主体人物与文字进行叠加,不是一张图干巴巴的诠释,营造出画面的层次、透视与场景,又不影响用户的阅读。

让网页设计变得活力满满的布局方式还有很多,这里介绍的只是一小部分,所有布局必须是基于用户基础进行的,如果仅仅是为了突破而突破,那就显得有些本末倒置了。