网页设计怎么样 网页设计怎么样知乎

设计是个大概念，它的常见类型主要有三种：沟通设计，平面设计，三维设计，但是涉及的领域很广泛。但是总的来说可以定义为设计是门艺术，设计师有发现美的眼光，因为设计不是一层不变的。接下来小编告诉你网页设计怎么样。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划

包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework 、Photoshop 等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。

五、明确网站主题和内容

1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么

2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的;

3、选择制作网页的工具软件,比如PageAdmin系统、shopex系统、discuz系统这些,当然还有很多出色软件,大家可以在以后慢慢接触到。

4、如果你作好了页面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP 账号,这个需要申请),也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己百度一下)

六、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。

七、上传测试

网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户,让他们来浏览。

八、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

九、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。

1.「 多样化导航 」

自适应网页设计兴起之后，“汉堡包菜单”大行其道。它确实是针对移动设备浏览的可行方案，但仍然有缺陷：

不够直观，可发现性低;

妨碍用户参与;

效率较低(对用户、设计师、开发来说都是)...

我们期待接下来的一年中出现更多实验性导航设计灵感。

以下几种菜单设计趋势作为抛砖引玉：

a. 相框式菜单栏

组合网页上部、左右，以及向下滚动，形成一个独特的相框式菜单。

b. Pop over!

Pop over 是弹出式菜单栏(Pop-up)的演变，在Pop over中，导航菜单占据整个页面，鲜明大胆却又不突兀。

c. 干脆不要菜单了

不使用菜单，取而代之用「scroll →」等提示用户进行滚动以获取更多页面内容。把图片作为主导，去除多余信息干扰，简明突出，尤其适合美食主题网站～

2.「 分裂 屏幕 」

垂直将屏幕界面分为左右相等的两块，用撞色等方式进行分割，营造清晰的视觉分离效果，这种直截了当的网站风格会成为2017年一大趋势。

简单的垂直分割看似千篇一律，其实充满想象力和发挥空间，适用于各类网站。

3.「色彩复兴 」

过去两年中，灰色大规模劫持了我们的网站。从前的白色网页背景变成了淡灰色;黑色文本变成了暗灰色;在Material Design中，用浅灰表示纵深的阴影。

2017，是时候让更多的颜色回来了。可以预见的是，复古色调将受到追捧。

无论你最终决定用蓝色还是橙色，可以再试着给它加上一个“滤镜”，为用户制造一种温暖、怀旧的感觉，提升网站的整体氛围与质感。

4.「 自定义滚动 」

越来越多的网站舍弃了传统的滚动条，转而创造一种自定义的滚动体验。一些网站使用的是“虚拟滚动”，即在页面程序内让用户进行滚动操作，而不受浏览器控制。

虚拟滚动使更多类型的滚动方式得以实现。比如设计为水平线上的左右滚动，但可以用正常的鼠标进行控制。

5.:point_right:「 融合真实与数字世界 」

之前，Material Deaign的出现，在扁平化设计的基础上加入阴影和斜度，为平面图标增加了三维立体的视感。

网页设计的2017年，是进一步重回现实的一年。但这里所说的并非拟真设计(skeuomorphism)，而是让有形的、可触碰的真实世界与电子世界无缝对接，创造没有界限的体验——

现实中的物体将保留它们的真实细节，完整进入到数字环境中，但又不再受限于现实规则——小物件可以在屏幕上变得巨大，并与数字元素发生互动。

在Beoplay的网页上，耳机被突出放大，远超出真实尺寸，同时与象征声音的动态线条结合产生互动。

现实与屏幕的界限被模糊之后，用户与屏幕上的图像更容易产生情感联结。

6.「 影院级别的交互体验 」

大幅的视频录像背景在2015年就成为网页设计的趋势，并且越来越流行。如今，技术的进步使得视频加载时间大大缩短，同时，WebGL(一种3D绘图技术)让这种背景变得更具互动性。

一般网页设计都包含哪些内容?网页设计的字体颜色、内容有哪些要求?是否做网页设计还要考虑到用户体验等因素?

一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等;另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个出色的设计，然后辅之出色的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。

美工：要求会的最基本的几个软件PHOTOSHOP,FLASH,FIREWORKS 程序：要求会的语言很多，包括客户端的脚本语言和服务端的语言，客户端语言包含HTML，JAVASCRIPT，VBSCRIPT，服务端语言包括，ASP，JSP，PHP，.net等等。 数据库方面：用的数据库也许有很多种，我见过有用ACCESS的，也有SQLSERVER的，还有DB2，ORECLE等等。一般对于网站来说如果不是象银行这样的大规模数据交换，SQLSERVER已经足以。

响应式网页设计

响应式网页设计是网页设计的一种技术，可在N多种浏览(从电脑到移动电话以致到网络电视)上阅读和导航，同时减少放大与缩小、拉伸和滚动。更多的网站设计将会专注于响应式网页设计，并非独特风格。这种响应式设计忘记尺寸以便支持多种设备，正适应移动设备的发展。

扁平化设计

扁平化设计发展迅速。2014年除去繁琐修饰的简主义界面设计正是时候。扁平化设计在于两点：视觉的简易性，功能的最有性。2013年，苹果公司的iOS 7平台发布后,多家网络公司也改动了自己的Logo，就连谷歌的首页logo都扁平化了。

字体设计

初级前端设计师经常专注于图片布局，Flash制作及 JavaScript 脚本。时过两年，最为领略的是字体设计成为网页设计的经典。这些web设计益于Twitter的疏浚相反框架，Twitter的引导框架中，系统提供了几种布局模块及其种类，此时网页先表达网页字体，而后表达大批的图像。

支持HIDPI(视网膜)显示

这一趋势的发展强烈反馈了当下不断萎靡的硬件市场。在ipad使用视网膜显示屏后，苹果手机以及三星手机视网膜显示屏的推出就显得无法避免了。而今，网页设计师也已经适应了这种新硬件，提供不同的图像服务，提高了应用程序的识别率，使商品更有美观。

跟 Flash 说拜拜，JavaScript等工具取代Flash

20世纪初，Flash是独一、完美制作动画的工具 ，是动画效果的领导者。随着网络技术的快速发展，Flash渐渐被JavaScrip等工具替代。对网站的 SEO 来说，这是要优化的。多种移动设备已经无法再支持它了，最关键的是更新很痛苦，以至于阅读器常常崩溃。