如何做好网页设计?

做好网页设计,需要掌握的软件和技术还挺多的,但不建议都把这些技术掌握的很精通,毕竟人的精力是有限的,可以选择其中的一项技术来认真钻研,并达到熟练掌握运用。

下面来说下网页设计的两个方面

一.视觉方面

如果你是设计专业或者对视觉有很浓厚的兴趣,那就可以选择做这个方向的网页设计,也就是通过设计软件,根据原型图或者草图制作高保真效果图。要做这方面的网页设计,需要掌握的设计软件有photosho,illustrator等视觉设计软件。

ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作,用处可以说相当大,学好PS就完全可以制作出精美的网页了。illustrator主要是处理一些矢量图形或者图标,辅助PS进行网页设计,这要看你哪个软件掌握的熟练,就以哪个为主。

掌握了基本的网页设计软件,下面就要多学习一些网页的基本知识,比如网页尺寸,网页布局排版等规范,这些需要长时间的练习和积累,要多看多想多做,慢慢你就会发现自己水平提高了,设计的网页也越来越专业和漂亮。

二.网页前端

这个方向的网页设计,需要掌握和精通前端html代码以及css样式js这些,也就是通过这些把ps设计好的效果图实现成可以通过浏览器浏览访问的网页页面。对代码有兴趣的朋友可以朝这个方向发展。

推荐使用的软件是Dreamweaver,方便易学,可以快速进行网页布局和css,当然随着学习的深入,你会知道其他很多前端设计软件,这里不再一一介绍。

上面介绍的是网页设计的两个方向,当然也可以两者都掌握,那就是全能型网页设计师了,很受欢迎。最好精通其中一个,另外的技术适当了解。


整个页面的设计应该是和谐统一的页面整体和谐了,给浏览者是一个畅快舒服的感觉,要做到这个视觉效果,必须注意页面里文字、图片、线条、背景的统一融合,把这些组成网页的因素都有机联系起来,做到这个比设计好一张图片困难,他需要有整体大局的眼光,不去拘泥于局部或细小的地方。其实网页设计就应该先整体再局部,不过设计师最经常犯的错误就是钻进局部的巷子里忘记出来。网页设计应该合理运用好网页的色彩色彩在设计行业非常重要,如果一个设计师的色彩感很强,那么他到达优秀的距离就很近了。设计师需要根据色彩对人们心理的影响,合理运用好文字的色彩、图片的色彩、线条的色彩和背景的色彩。如果是企业网页设计,则可以根据企业的VI进行色彩的运用。网页设计不是为了设计而设计,是为了更好地突出内容每一个网页设计师都应该记住,我们做设计,不是为了让用户感觉到你的设计好看,而是为了更好地展现我们设计的目的,我们应该给用户展现的东西是什么?所以,一个好的网站设计,页面的设计效果都应该是被弱化的;一个好的网站设计,应该是在最短的时间内让用户知道你的网站是做什么的,有什么功能。网页设计需要考虑实际的浏览效果最怕刚从其他设计行业转行过来的设计师,一味地使用背景、图片、不支持的字体,不会充分利用好网页本身的线条、边框、背景功能。导致网页设计出来了,效果很好看,但实际制作成网站后,因为背景或图片使用过多,页面打开太慢,浏览效果大打折扣,这样的设计也是非常失败的。一个好的网页设计应该是怎样的呢?我想必须要做到以上四点才算好的设计,当然做到以上四点不一定是好的,设计是一门很深的学问,用户的要求和设计感越来越强,需要我们不断探索和研究,才能给用户更好地设计作品。


1、首先将你的想法在纸上画出来

这是一幅世界各地不同年城市特色建筑的草图,每个人开始设计之前都会在纸上画草图,但是很多设计师都跳过了这一步,没有考虑到他们将会面临的问题。设计就是要解决问题,但是这些问题通过渐变、阴影设置是解决不了的,只有通过调整布局和层次结构才能解决。所以在你开始设计之前,一定要先想好布局。

2、描绘一个顶层框架

描绘一个基本的框架可以帮助你解决UX方面的问题,同时规划布局。当我接手一个项目的时候,做的第一件事就是建立一个顶级框架,这样可以解决所有的设计问题。这个框架是指环绕在内容周围的UI,它可以帮助我们执行操作,更好的操纵页面。它包括导航和组件,比如侧边栏和底部的按钮。

如果你通过这种方式来做设计,在不看主页的情况下,你也能清晰的知道应该怎样布局。

3、给PSD添加网格

这是一个有978个网格的PSD文件,每条线的宽度为10PX。画网格做起来就像听起来那么简单,虽然你不画直接开始设计完全可以,但是我相信设计出来的作品绝对没有画了网格好。网格的好处就是帮助你构建不同板块的布局,起一个指导作用,帮助你制作响应式模板。

4、选择你的字体

网页设计中很重要的一个原则就是一个网页中不要出现两种以上的字体在一个项目中,寻找好看的字体也是很重要的一部分,但是我要提醒你,在同一个网页中千万别使用两种以上的字体。选择字体的原则就是要易于用户阅读,尤其是文字很多的页面,文章标题的字体可以有趣一些,这样能吸引用户的注意。在使用字体的时候不要畏首畏尾,个头大不是问题,只要整体看起来很和谐生动就行了。

5、选择合适的颜色主题

使用有限的颜色和色调,减轻用户的视觉压力。在选择字形的时候,你就应该想好用户界面、背景、文字该用什么颜色。我建议你在颜色的原则方面一定要有节制,别想到哪个用哪个,最后五颜六色乱七八糟的,这也是大忌。

在这一步中,你要根据每个元素的功能选择颜色,并且在用户界面中,相同的元素颜色一定要一致。你可以观察一下facebook、推特、quora、vimeo等等网站的页面,在不干扰功能组件正常使用的情况下,除了用户界面,它们的插画和平面细节没有任何颜色限制。

6、分开布局

网页结构越简单,用户使用越容易在网站中,每个模块都要有个故事,要给用户一个浏览的理由和最终的结果。而设计的作用就是强调这个故事中最重要的那部分。在现实设计中,主页面不能将所有的信息都显示出来,所以你必须在主页先告诉用户“进了这个网站你能做什么”。

发挥你的聪明才智思考一下你能想到的极简页面,有最简单的目标和必要的构件。最后你会发现,原来保持简单这么困难。

7、重新思考

我们真的需要搜索按钮吗?在很多案例中,答案是否定。作为一名设计师,是我们一手决定了用户浏览因特网的方式和界面,由你决定用户进一个页面需要多少步骤、一个网页效率有多高。在设计完之后,一定要多测试,发现漏洞,及时修改,这样才能做到极致。


如何做好网页美工设计,对于新手而言,这还有些小小的难度,尤其是当网页美工设计由几个人接手的时候。不过,其实只要掌握好几点,网页美工设计其实也不是十分困难的一件事。

在网页美工切图设计之前,我们先基于ps进行新建文件设置,在设置的时候需要注意以下几点:

1.一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好不要超过1200PX的宽度,高度没有限制。大多数做网站的公司都有一个比较合理的标准。

2.作为网页背景、网页图标的要清晰,在网站设计的时候比较注重。网页背景和图标一定要做精细,不清晰很影响客户的体验度。所以在切图的时候不要切出来的效果与设计的效果相差太大。

3.有特效地方,有必要设计出特效样式,以便DIVCSS制作的时候切图使用。

4.在做成网页后可改变的文字,需要使用宋体、黑体无需修饰5.版面的字体、型号、一定要注意,细节一定要对齐。


网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作,作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。


可以学习互联网相关的专业,随着互联网越来越普及,电脑相关的行业人才也越来越稀缺,就业岗位逐年增多,人才供不应求。因此从事互联网相关的行业,是一个不错的选择。至于想学的专业,就看个人的爱好和本身的素质来看,建设艺术设计,电子商务,新媒体UI设计,影视后期等等都是近两年发展很快的专业,就业前景不错。


去学习或者委托别人做


如何做好网页要分应用了,各行有各行的风格和规范,行内都在互相模拟互相进步。

门户网站对界面的美化要求最大,手机版要求清晰简洁……

大型网站估计要专业的美工设计,其他的请一般网页设计即可。

我个人网站做的是免费的工具软件,对美化要求不高,主要考虑兼容性和操作运算。

故我个人只需学习html+css+js+php即可搞定。

本来网站想上python,可惜买了域名和网站后才发现网站不支持py只支持php,有些可惜。

总之,做好网站需要技术的积累,做好看的加强美工即可。


原始地址:/chaoliu/34821.html