广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

优秀的网站设计都长啥样?
发布日期:2025-01-10 12:06:06 浏览次数: 812 来源:SODO

网页设计作为交互设计的一种表现形式,经常被许多同学问起“什么样的网站才是优秀的网站设计这一篇文章筛选了6个优秀网站设计,从网页内容、网页界面、网页交互三方面给大家进行分析:


1、http://ghosting.tv

 

网站内容:该网站打造一种幽灵风既视感,他像是在向大家推广一些影子艺术家,或者可以说是一些地下艺术家,这些人可以在该平台上传自己的作品,由该网站作为媒介平台让有兴趣的用户去探索先锋艺术,目的也非常纯粹:Grab a Friend,Share an Art。

网页界面:首页将网站主旨居中,深蓝色背景,搭配一些漂浮的线条圆点,简约而不失设计感。如果学生是以图片导向型展示视觉类的网页设计,可以参考这个网站的形式。

网页交互网页的点按逻辑十分清晰,鼠标浮上所选区域,文字部分会有下划线(图1),图片部分会有特殊艺术家名字出现(图2),交互风格和界面风格一样简洁。

图1


图2

2、https://www.shadertoy.com/
 

网站内容该网站主要是集合了游戏引擎中的材质着色器,同样也是由各个艺术家自主上传,每周都有不同的更新,为大量游戏开发者提供了丰富的游戏材质可能性。它算是一个偏功能性的网站。

网站界面:该网站的界面绝对不算美观,但是五脏俱全,内容都比较直观能够点按,风格就偏向信息流铺陈的网页设计风格,比如WordPress、Tumblr、Medium的blog类型网站。如果学生的网站中有大量的信息需要输出,可以参考这种比较规矩的网页界面设计。

网站交互:该网站属于资源信息内容分享型网站,所以大家也会看到他像Github一样,有大量的代码。而且他还像Openprocessing一样,可以实时进行修改产生视觉反馈。该网站的工程师对于Js代码的编写是比较厉害的。
 

3、https://aidn.jp/contents/
 

网站内容:该网站是一个偏游戏娱乐型的网站,集合了一些网页实验小游戏配上一些有趣的音效,整个网页使用流程非常舒服。

网站界面:界面是很直观的卡片内容型,风格统一,由于图片封面非常有趣,让用户也有点进去使用的动机。学生如果想做偏游戏娱乐型网站,可以参考该版式

网站交互:该类型网站交互就是游戏的交互方式,学生们在设计的时候就以游戏的设计思路去进行分配就可以。
 

4、http://www.ro.me/
 

网站内容该网站是Google做的一个互动影片纪实型网站,以一个相当浪漫的方式带着用户漫游罗马并且实验性的加上了互动元素。

网站界面:该界面非常具有项目风格,因为该网站的主题是漫步罗马所以整个界面基调就是浪漫;如果说是以恐怖环境作为主题,那么画面风格就截然不同了。所以这也提醒了学生们不要拘泥于特点样式,将设计风格和项目主题结合紧密,不要盲目模仿。

网站交互该网站完美的结合了影片+游戏主要通过鼠标的点按让画面出现变化的元素,实时互动的效果分非常有新意。不用多说了,大家自己进入网站中感受吧。


5、https://zh.wikihow.com
 

网站内容:该网站是一种wiki型知识百科大全网站。网站能够将一些令人困惑的问题图面化。相比于wikipeida少了点专业度,多了点可读性。

网站界面:插画风,这种类型的网站是为了让用户快速理解网页内容,偏向知识快速科普型网站。学生们如果想要做知识科普类可视化网站,可以参考这种插画风的内容输出

网站交互:该网站的交互形式中有一个特别的点就是信息检索的布局十分明显,在首页,比如用户可以选择语言,和浏览分类,轻松找到对应内容。


6、kepler.gl
 

网站内容:这是一个地图可视化网站,能够将各类能在地图上还原的事件数据可视化。比如该城市的人群的通勤时段分布图图,汽车拥堵时段分布图,地震振幅区域分布图等。

网站界面:整个界面风格偏向科技型视觉网站,交互的专业定义也是艺术与科技相结合,所以该网站类型识别会成为未来网站界面的发展趋势供同学们参考。

网站交互交互主要是根据数据数据模型自动生成,一切偏向智能化应用,每一步点按步骤都有一定的指引,使用起来流畅易懂。

 
以上6大网站的类型涉及到了信息引流型、数据代码型、影片交互型、游戏娱乐型、知识科普型以及数据可视化型,同学们可以对应到自己的项目主题里进行不同的形式参考。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!