网页设计

为什么要学网页设计

时间:2024-06-17 23:40:11 松涛 网页设计 我要投稿
  • 相关推荐

为什么要学网页设计

  网页设计是网站策划师、网络程序员、网页美术设计师等岗位应用各种网络程序开发技术和网页设计技术。下面就让我们来看看我们为什么要学习网络技术吧!

  什么是网页设计

  网页设计是网站策划师、网络程序员、网页美术设计师等岗位应用各种网络程序开发技术和网页设计技术,使用标识语言,通过一系列设计、建模和执行的过程为企事业单位、公司或个人设计网站在全球互联网上建设站点,并包含域名注册和虚拟主机等服务的总称,是INTERNET上宣传和反映企业形象和文化的重要窗口。

  为什么要学习网页设计

  1、建设企业网站,进行网络推广是一个非常大的市场,2011年中国网络广告市场规模达到511.9亿 (其中百度:收超140亿元、淘宝:达到87.9亿元、谷歌:营收36.5亿元),较去年增长57.3%,比报纸广告453.6亿高出了58.3亿,网络媒体对于传统媒体的冲击越来越明显,未来互联网广告市场将继续保持着较高的增速,2013年有可能会达到千亿的规模,市场快速发展带来巨大的行业人才缺口。

  2、据不完全统计,中国现有的专业网站设计师只有上万人,因此,未来国内网站设计师的需求将呈快速上升增长趋势,随之衍生的网站设计、编程及美工人员的就业前景非常好。

  3、网页设计师是一个不错的工作,薪资待遇相对较高,工作形式可多种多样:如公司上班、创办自己的工作室、甚至在网上接单,家里上班。

  在许多设计师看来,新闻网站简直就是无趣、冗长、枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾好吗。那小编可就要提醒你喽,你对新闻网站的观念可是落后了十年。

  和许多华而不实的设计网站相比,新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验。技术永远是为人服务的,无论你的网页设计的多么复杂惹眼,如果缺乏实用性甚至阻碍了正常功能的发挥,依旧无法留住用户。

  新闻网站的设计方式更利于新手设计师理解用户体验的意义(因为无论是优点还是缺点,新闻网站都暴露得很明显),也更容易上手。下面我们一起看看吧。

  1.搜索框带来的安心与专业

  导航栏对于每个网站都是至关重要的,我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额,但往往忘记了一个关键——搜索框。

  FOX选择经典的条块状搜索框

  搜索框承担了网站的搜索功能,当一个用户浏览你的网站并被吸引,他决定进一步寻找自己感兴趣的内容,却失望的发现,根本找不到搜索框。用户就决定走了。

  如果有幸他还记得你的网站的话,他会给别人说一句,“哦,那个网站只能找到他想给我的内容,根本找不到我想要的东西。”

  这时候,我们可以看看新闻网站是如何重视搜索框摆放的,甚至一些时候,他们还出现了非常棒的用户体验创新。

  BBC的条块状搜索框

  搜索框的重要特点就是醒目、可靠、流畅,最好和网站底色、其他元素颜色有所区别,略微偏离导航栏参考线。理想化的搜索框是那种大大的豪气长条块,致命缺点是挤占了其他信息空间。一些网站选择了搜索框开关。

  ABC新闻网的搜索框开关

  但 Al Jazeera English和36氪的开关显然更阔气,这种下拉弹出的方式可能会带来更好的用户体验。打开后一整行的内容都是搜索框,做到了醒目,用户更无需担心打字过多在搜索框内显示不完整。同时,这种排版方式整齐流畅,视觉体验很棒。

  (视频大小为1.3M 请放心食用~)

  36氪下拉弹出式搜索框

  你可能还会说,搜索框没那么重要,网易爸爸的搜索框就放在了页面最后非常不明显的地方。

  网易爸爸灰常隐蔽的搜索框

  BUT,首先,搜索放到导航栏是用户长期形成的网页浏览习惯,如果你的网站并不知名、如果你的创新并不能带来更好的用户体验,还是采用搜索框开关吧。

  其次,我第一次用网易新闻时,真的找了很久的搜索框,后来发现知乎上居然真还有“网易首页为什么没有搜索框? ”这个问答。

  2.与栏目相关的提示

  几乎所有的网页设计师都了解栏目的重要性,但在这里小编想要提醒几个关于栏目的小细节。

  反馈是用户体验的核心要素之一,你敲桌子桌子会响、躺到床上床会塌陷,我们对生活中的反馈是如此习以为常,以至于在设计网页时忘记了反馈的存在。

  《DON’T MAKE ME THINK》一书中说过标签分割器是一种制作导航器的优秀反馈思路,用户单击的标签页位于其他标签页之前。这种模式就比单纯的字体加粗、改变字体颜色更具趣味性,也更像是模仿我们读书翻页的状态,但后者可以容纳更多的信息量。

  拓展:网页设计的禁忌

  关于外观的禁忌

  1 不要先决定网页的外观,然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑,设计出一个最适合的网页架构。

  2 不要每页都采用不同的背景图片,以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性,树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。

  3 不要把图片的白色部分当作是透明的颜色,要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。

  4 底色或背景须与文字颜色形成明显对比,方便阅读。若你的网页里有较多文字,不妨在这方面下多点功夫,力求让浏览者能舒适阅读你的文章。

  5 每页的排版不要太疏或用太大的字,尽量避免看网页的时候要作很大的卷动。

  6 太长的一页要使用内部链接,聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。

  7 在17寸显示器尚未普及的时候,不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此,无论你有再大的显示器,能上再大的分辨率,将显示器设置成 800x600的显示模式是适当的。 -

  8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口,还有时下最流行却又最讨厌的浮动广告,还是少放为妙。至少,当我看到的时候,是会第一时间按右上角的“X”的。

  关于操守的禁忌

  1 不要抄袭别人的创作。网络上的所有资料都是公开的,但都有版权的,若想引用别人的作品,不妨先征得同意,一般作者都只要你注明出处,对于电脑方面的东西,大多数朋友都是热情而慷慨的。更不要下载了别人的网站后,当作是自己的放在网上,这样做的结果是使所有人都知道你是个剽窃者。

  2 引用 Newsgroup、BBS、或其他非电子传媒的文章,切记要注明原作者名称及文章事源,若引用别有的网页更要通知网主。尊重版权,避免官司,利人利已。

  3 不要利用网页散布谣言、中伤他人,网络虽然难管理,但本着道德良心,都应洁身自爱。维持良好网络环境,要靠大家努力,从我做起。

  4 不要将别人的网页变成你的框架中的一个窗口,这样不仅为浏览者带来不便,令人的网页更丑陋,而且也侵犯了别人的版权,解决方法是采用链接中的 target 参数,如 target="top" ,或是target="blank" 从新窗口打开网页等。若重视访问者的感受请从每一细节做起。

  5 不要将别人正在使用的搜索引擎、表单及计数器等放到自己的网页中,这样做会扰乱其正常运作、增加该服务器的负荷,除非该主人表示可以连到他的 cgi-bin 或 JavaClass。

《为什么要学网页设计.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

【为什么要学网页设计】相关文章:

为什么要学英语写作05-16

网页设计要明确的那些布局细节09-11

网页设计中要遵循哪些原则08-30

网页要怎样设计才能让脱颖而出09-29

为什么要上985和211大学06-12

Java为什么要枚举06-30

网页设计的禁忌10-26

网页设计技巧精选09-05

网页设计技巧06-02

为什么要学网页设计

  网页设计是网站策划师、网络程序员、网页美术设计师等岗位应用各种网络程序开发技术和网页设计技术。下面就让我们来看看我们为什么要学习网络技术吧!

  什么是网页设计

  网页设计是网站策划师、网络程序员、网页美术设计师等岗位应用各种网络程序开发技术和网页设计技术,使用标识语言,通过一系列设计、建模和执行的过程为企事业单位、公司或个人设计网站在全球互联网上建设站点,并包含域名注册和虚拟主机等服务的总称,是INTERNET上宣传和反映企业形象和文化的重要窗口。

  为什么要学习网页设计

  1、建设企业网站,进行网络推广是一个非常大的市场,2011年中国网络广告市场规模达到511.9亿 (其中百度:收超140亿元、淘宝:达到87.9亿元、谷歌:营收36.5亿元),较去年增长57.3%,比报纸广告453.6亿高出了58.3亿,网络媒体对于传统媒体的冲击越来越明显,未来互联网广告市场将继续保持着较高的增速,2013年有可能会达到千亿的规模,市场快速发展带来巨大的行业人才缺口。

  2、据不完全统计,中国现有的专业网站设计师只有上万人,因此,未来国内网站设计师的需求将呈快速上升增长趋势,随之衍生的网站设计、编程及美工人员的就业前景非常好。

  3、网页设计师是一个不错的工作,薪资待遇相对较高,工作形式可多种多样:如公司上班、创办自己的工作室、甚至在网上接单,家里上班。

  在许多设计师看来,新闻网站简直就是无趣、冗长、枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾好吗。那小编可就要提醒你喽,你对新闻网站的观念可是落后了十年。

  和许多华而不实的设计网站相比,新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验。技术永远是为人服务的,无论你的网页设计的多么复杂惹眼,如果缺乏实用性甚至阻碍了正常功能的发挥,依旧无法留住用户。

  新闻网站的设计方式更利于新手设计师理解用户体验的意义(因为无论是优点还是缺点,新闻网站都暴露得很明显),也更容易上手。下面我们一起看看吧。

  1.搜索框带来的安心与专业

  导航栏对于每个网站都是至关重要的,我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额,但往往忘记了一个关键——搜索框。

  FOX选择经典的条块状搜索框

  搜索框承担了网站的搜索功能,当一个用户浏览你的网站并被吸引,他决定进一步寻找自己感兴趣的内容,却失望的发现,根本找不到搜索框。用户就决定走了。

  如果有幸他还记得你的网站的话,他会给别人说一句,“哦,那个网站只能找到他想给我的内容,根本找不到我想要的东西。”

  这时候,我们可以看看新闻网站是如何重视搜索框摆放的,甚至一些时候,他们还出现了非常棒的用户体验创新。

  BBC的条块状搜索框

  搜索框的重要特点就是醒目、可靠、流畅,最好和网站底色、其他元素颜色有所区别,略微偏离导航栏参考线。理想化的搜索框是那种大大的豪气长条块,致命缺点是挤占了其他信息空间。一些网站选择了搜索框开关。

  ABC新闻网的搜索框开关

  但 Al Jazeera English和36氪的开关显然更阔气,这种下拉弹出的方式可能会带来更好的用户体验。打开后一整行的内容都是搜索框,做到了醒目,用户更无需担心打字过多在搜索框内显示不完整。同时,这种排版方式整齐流畅,视觉体验很棒。

  (视频大小为1.3M 请放心食用~)

  36氪下拉弹出式搜索框

  你可能还会说,搜索框没那么重要,网易爸爸的搜索框就放在了页面最后非常不明显的地方。

  网易爸爸灰常隐蔽的搜索框

  BUT,首先,搜索放到导航栏是用户长期形成的网页浏览习惯,如果你的网站并不知名、如果你的创新并不能带来更好的用户体验,还是采用搜索框开关吧。

  其次,我第一次用网易新闻时,真的找了很久的搜索框,后来发现知乎上居然真还有“网易首页为什么没有搜索框? ”这个问答。

  2.与栏目相关的提示

  几乎所有的网页设计师都了解栏目的重要性,但在这里小编想要提醒几个关于栏目的小细节。

  反馈是用户体验的核心要素之一,你敲桌子桌子会响、躺到床上床会塌陷,我们对生活中的反馈是如此习以为常,以至于在设计网页时忘记了反馈的存在。

  《DON’T MAKE ME THINK》一书中说过标签分割器是一种制作导航器的优秀反馈思路,用户单击的标签页位于其他标签页之前。这种模式就比单纯的字体加粗、改变字体颜色更具趣味性,也更像是模仿我们读书翻页的状态,但后者可以容纳更多的信息量。

  拓展:网页设计的禁忌

  关于外观的禁忌

  1 不要先决定网页的外观,然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑,设计出一个最适合的网页架构。

  2 不要每页都采用不同的背景图片,以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性,树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。

  3 不要把图片的白色部分当作是透明的颜色,要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。

  4 底色或背景须与文字颜色形成明显对比,方便阅读。若你的网页里有较多文字,不妨在这方面下多点功夫,力求让浏览者能舒适阅读你的文章。

  5 每页的排版不要太疏或用太大的字,尽量避免看网页的时候要作很大的卷动。

  6 太长的一页要使用内部链接,聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。

  7 在17寸显示器尚未普及的时候,不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此,无论你有再大的显示器,能上再大的分辨率,将显示器设置成 800x600的显示模式是适当的。 -

  8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口,还有时下最流行却又最讨厌的浮动广告,还是少放为妙。至少,当我看到的时候,是会第一时间按右上角的“X”的。

  关于操守的禁忌

  1 不要抄袭别人的创作。网络上的所有资料都是公开的,但都有版权的,若想引用别人的作品,不妨先征得同意,一般作者都只要你注明出处,对于电脑方面的东西,大多数朋友都是热情而慷慨的。更不要下载了别人的网站后,当作是自己的放在网上,这样做的结果是使所有人都知道你是个剽窃者。

  2 引用 Newsgroup、BBS、或其他非电子传媒的文章,切记要注明原作者名称及文章事源,若引用别有的网页更要通知网主。尊重版权,避免官司,利人利已。

  3 不要利用网页散布谣言、中伤他人,网络虽然难管理,但本着道德良心,都应洁身自爱。维持良好网络环境,要靠大家努力,从我做起。

  4 不要将别人的网页变成你的框架中的一个窗口,这样不仅为浏览者带来不便,令人的网页更丑陋,而且也侵犯了别人的版权,解决方法是采用链接中的 target 参数,如 target="top" ,或是target="blank" 从新窗口打开网页等。若重视访问者的感受请从每一细节做起。

  5 不要将别人正在使用的搜索引擎、表单及计数器等放到自己的网页中,这样做会扰乱其正常运作、增加该服务器的负荷,除非该主人表示可以连到他的 cgi-bin 或 JavaClass。