盘点国内网站主页设计佼佼者：揭秘排名前十的创意网站设计案例

国内网站主页设计出众的有哪些？

个人推荐：

优艺客；依据企业的品牌形象，打造专属的网站形象，既可简约大方，亦能清新优雅，更显高端大气。

华一设计，专注于企业视觉形象标志设计，风格偏向文艺，擅长运用线条展现美；拥有独特的意境，同时荣获多个国际奖项。

太享设计，倡导自由与执着的碰撞，致力于通过大胆的创新和全新的设计风格助力客户实现品牌革新。

推荐以下几个设计网站，其中包含大量素材、教程和知识点，可作为参考，只要用心，便能学到许多！

中国设计网

八戒爱设计

设计中国

中国设计在线

中国商业模板网

设计在线.中国

中国设计之窗

一个优秀的网站主页应具备哪些特点？

我将网站主页按功能性分为三类：

一、宣传类（主要宣传企业或个人——品牌宣传引流）

二、交易类（主要以电商平台为主——在线交易）

三、综合类（各大品牌官网——宣传和交易兼顾）

国内稍大一些的公司网站大多属于综合类，起到门面作用。对比官网价格后，可在电商平台下单购买。

宣传类网站多为乙方公司，主要从事品牌营销类广告，因此网站主页常展示公司经典案例，与甲方客户口味相符，生意自然兴隆。

电商类网站内容繁杂，需良好分类展示给用户，浏览时长往往超过其他两类网站，用户体验至关重要。

宣传类网站以视觉冲击力为主。

交易类网站以用户体验和信息分类为主。

综合类网站介于两者之间。

以下为对比分析：

宣传类：故宫博物馆

奥美中国

恒美广告（DDB）

严格来说，奥美和恒美不算中国公司，仅供参考。

交易类：天猫、淘宝、京东、苏宁、拼多多

淘宝首页风格以便宜为主，分类合理，颜色较多，部分分类有标记关键词。

京东首页相对简洁，没有颜色标记关键词，分类众多，字号较小，长时间浏览易疲劳。与淘宝相比，颜色较少，眼睛更易接受。

天猫定位用户群体与京东相似，设计上更具品质感，字号比淘宝和京东首页大，观感更舒适。分类上延续淘宝的颜色标记热词，数量更多，但字号影响，看起来没有不适感。相当于在京东基础上优化。

苏宁近年来交易额增长迅速，故将其加入对比。与天猫类似，不再赘述。

拼多多官网对上市企业来说略显低端。官网无法交易，仅将流量导入APP。对于不想下载APP又想体验拼多多的人来说，这个网页还是挺重要的。近年来小程序的出现可能是网站衰落的原因。

综合对比来看，天猫首页用户体验更佳。

综合类：

以音乐网站为例，对比了QQ音乐、酷狗、虾米、网易云音乐四家的网站首页。

除了满足用户听歌的功能性需求，网站还需将网页用户导入APP，为以后的音乐付费打下基础。

此对比较为私人化，虽然我用的是网易云音乐，但我觉得虾米音乐官网更具设计感。

值得一提的是，每次搜索这些网站都有Slogan

QQ音乐-千万正版音乐海量（字数较多）

酷狗音乐-就是歌多（言简意赅，有钱）

虾米音乐-发现音乐新世界（听歌靠发现）

唯独网易云音乐没有，意思非常明显，要啥啥没有，好歹虾米还能靠发现，看着歌单里的歌一首首变灰，真是忍不住吐槽。

常用的网页设计软件有哪些？

Photoshop：学习图像处理、编辑、通道、图层、路径综合运用；图像色彩校正；各种特效滤镜的使用；特效字制作；图像输出与优化等，灵活运用图层风格、流体变形及褪底和蒙板，制作出千变万化的图像特效。

Freehand：适用于个人作品设计、公司徽标、海报制作，应用于广告、印刷等行业。

CorelDraw：将CorelDRAW9的全方面设计及网页功能融入现有设计方案，制作矢量插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其他。

PageMaker：学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作方法。

Illustrator：学习图形绘制、包装、宣传页制作，让你更方便地进行LOGO及CI设计，不到一个月，你将成为一名真正的美术大师。在Photoshop基础上再学它，如虎添翼，效率倍增。

网页制作软件包括：

一、菜鸟级网页制作软件

Oeasy教你玩转网页设计浏览的工具建站程序：如果你是网页制作初学者，以下几种软件将带你走进绚丽多彩的网页制作世界！

①Microsoft FrontPage：如果你对Word很熟悉，相信你用FrontPage进行网页设计会非常得心应手。使用FrontPage制作网页，你将真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页、HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并复制新版本文件。FrontPage是现有网页制作软件中唯一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

FrontPage最显著的优势是其站点管理功能。在更新服务器上的站点时，无需创建更改文件的目录。FrontPage会为你追踪文件并复制那些新版本文件。FrontPage是现有网页制作软件中唯一既能本地工作，又能通过Internet直接对远程服务器上的文件进行操作的软件。

②Netscape编辑器Netscape Communicator和Netscape Navigator Gold3.0版本都配备了网页编辑器。如果你偏爱用Netscape浏览器上网，使用Netscape编辑器确实简单便捷！当你用Netscape浏览器浏览网页时，点击编辑按钮，Netscape就会将网页保存在硬盘中，随后即可开始编辑。你也可以像使用Word那样编辑文字、字体、颜色，更改主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是否与FrontPage 2000有些相似？但是，Netscape编辑器在复杂网页设计方面的功能较为有限，它不支持表单创建、多框架创建。

Netscape编辑器是网页制作初学者的理想入门工具。如果你的网页主要由文本和图片组成，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解，能够使用Notepad或Ultra Edit等文本编辑器编写少量HTML语句，也可以弥补Netscape编辑器的一些不足。

③Adobe Pagemill

Pagemill功能不算强大，但使用起来非常方便，适合初学者制作较为美观、而非复杂的主页。如果你的主页需要许多框架、表单和Image Map图像，那么Adobe Pagemill确实是你的首选。

Pagemill的另一大特色是拥有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，非常方便。

④Claris Home Page

如果使用Claris Home Page软件，你可以在几分钟内创建一个动态网页。这是因为它拥有一个优秀的创建和编辑Frame(框架)的工具，你不必花费太多精力就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计较为粗糙，对Image Map图像的处理也不够完善。

二、中级网页制作软件

如果你对网页设计已有一定基础，对HTML语言也有一定了解，那么你可以选择以下几种软件来设计你的网页，它们一定会为你的网页增色不少。

①DreamWeaver自制动态HTML动画的网页

DreamWeaver是一款非常酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。

DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

②Fireworks第一款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

③Flash让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。Flash可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局!我相信这句话没错!

④HotDog Professional制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不太方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。

⑤HomeSite制作可完全控制页面进程的网页

Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手来说过于复杂。

HomeSite更适用于那些较为复杂和精彩的页面设计。若您渴望对所制作的页面进程实现全面掌控，HomeSite将是您的理想之选。然而，对于新手来说，它可能显得过于复杂。

三、高级网页制作软件

①Microsoft Visual Studio系列包括：2003、2005、2008以及未来的版本；

它适用于开发动态的aspx网页，并且能够制作无需刷新的网站、webservice功能等，仅适合高级用户使用。

②Jbuilder无论哪个版本，都适用于开发JSP网页，同样仅适合高级用户。