网页设计作为交互设计的一种表现形式，经常被许多同学问起“什么样的网站才是优秀的网站设计？”。这一篇文章筛选了6个优秀网站设计，从网页内容、网页界面、网页交互三方面给大家进行分析：
1、http://ghosting.tv
网站内容：该网站打造一种幽灵风既视感，他像是在向大家推广一些影子艺术家，或者可以说是一些地下艺术家，这些人可以在该平台上传自己的作品，由该网站作为媒介平台让有兴趣的用户去探索先锋艺术，目的也非常纯粹：Grab a Friend，Share an Art。网页界面：首页将网站主旨居中，深蓝色背景，搭配一些漂浮的线条圆点，简约而不失设计感。如果学生是以图片导向型展示视觉类的网页设计，可以参考这个网站的形式。网页交互：网页的点按逻辑十分清晰，鼠标浮上所选区域，文字部分会有下划线（图1），图片部分会有特殊艺术家名字出现（图2），交互风格和界面风格一样简洁。
2、https://www.shadertoy.com/网站内容：该网站主要是集合了游戏引擎中的材质着色器，同样也是由各个艺术家自主上传，每周都有不同的更新，为大量游戏开发者提供了丰富的游戏材质可能性。它算是一个偏功能性的网站。网站界面：该网站的界面绝对不算美观，但是五脏俱全，内容都比较直观能够点按，风格就偏向信息流铺陈的网页设计风格，比如WordPress、Tumblr、Medium的blog类型网站。如果学生的网站中有大量的信息需要输出，可以参考这种比较规矩的网页界面设计。网站交互：该网站属于资源信息内容分享型网站，所以大家也会看到他像Github一样，有大量的代码。而且他还像Openprocessing一样，可以实时进行修改产生视觉反馈。该网站的工程师对于Js代码的编写是比较厉害的。3、https://aidn.jp/contents/网站内容：该网站是一个偏游戏娱乐型的网站，集合了一些网页实验小游戏配上一些有趣的音效，整个网页使用流程非常舒服。网站界面：界面是很直观的卡片内容型，风格统一，由于图片封面非常有趣，让用户也有点进去使用的动机。学生如果想做偏游戏娱乐型网站，可以参考该版式。网站交互：该类型网站交互就是游戏的交互方式，学生们在设计的时候就以游戏的设计思路去进行分配就可以。网站内容：该网站是Google做的一个互动影片纪实型网站，以一个相当浪漫的方式带着用户漫游罗马并且实验性的加上了互动元素。网站界面：该界面非常具有项目风格，因为该网站的主题是漫步罗马所以整个界面基调就是浪漫；如果说是以恐怖环境作为主题，那么画面风格就截然不同了。所以这也提醒了学生们不要拘泥于特点样式，将设计风格和项目主题结合紧密，不要盲目模仿。网站交互：该网站完美的结合了影片+游戏，主要通过鼠标的点按让画面出现变化的元素，实时互动的效果分非常有新意。不用多说了，大家自己进入网站中感受吧。网站内容：该网站是一种wiki型知识百科大全网站。网站能够将一些令人困惑的问题图面化。相比于wikipeida少了点专业度，多了点可读性。
网站界面：插画风，这种类型的网站是为了让用户快速理解网页内容，偏向知识快速科普型网站。学生们如果想要做知识科普类可视化网站，可以参考这种插画风的内容输出。网站交互：该网站的交互形式中有一个特别的点就是信息检索的布局十分明显，在首页，比如用户可以选择语言，和浏览分类，轻松找到对应内容。网站内容：这是一个地图可视化网站，能够将各类能在地图上还原的事件数据可视化。比如该城市的人群的通勤时段分布图图，汽车拥堵时段分布图，地震振幅区域分布图等。网站界面：整个界面风格偏向科技型视觉网站，交互的专业定义也是艺术与科技相结合，所以该网站类型识别会成为未来网站界面的发展趋势供同学们参考。网站交互：交互主要是根据数据数据模型自动生成，一切偏向智能化应用，每一步点按步骤都有一定的指引，使用起来流畅易懂。以上6大网站的类型涉及到了信息引流型、数据代码型、影片交互型、游戏娱乐型、知识科普型以及数据可视化型，同学们可以对应到自己的项目主题里进行不同的形式参考。
優(yōu)網(wǎng)科技，優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實(shí)的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號(hào)：
專屬顧問
