网站设计_为什么他们设计的网页这么有趣？
发表时间：2022-05-06 10:03:15
文章来源：超级管理员
浏览次数：160
如何设计网页才有趣？
如何更合理地设计网页？
试着从案例中找到方向
我相信对许多朋友来说，网页设计是一项具有挑战性的工作。如何在保持创意设计的同时清晰地展示作品？所有这些都需要耐心考虑。为了给你生产的灵感，接下来BranD会从优质的网页设计入手，给大家分享一些网页设计小贴士。
确保页面逻辑直观，让观众尽可能多地摄入内容。
众所周知，观众的第一印象非常重要。因此，吸引人的视觉效果和足够简单的导航对网页设计至关重要。他们可以引导观众尽可能多地浏览页面内容。
案例一：Studio Yukiko
http://y-u-k-i-k-o.com/
网页制作逻辑清晰
能更充分地呈现内容创意
Studio Yukiko是专门为印刷、数字媒体和动画提供创意指导、艺术指导和设计的设计工作室。
Studio Yukiko网页制作逻辑简单，只有基本的左右按钮。如果长时间不点击，页面会自动播放。他们不会在一个网页上放太多内容，但是浏览一段时间就能大致了解工作室的业务方向和设计风格。
此外，如果您将鼠标移动到页面中心，图片将弹出Yukikologo，点击工作室的介绍和联系方式等。每一页的导航设置都是一样的，即使你是网页上的小白，也可以在10秒内理解。
案例二：Marta Company
https://www.martacompanydesign.com/
网页设计中使用的总分结构也很简单
给观众更多的选择权
Marta Company是多学科设计师和插画家。她设计的网页采用总分结构，你可以浏览她参与的所有项目，然后有选择地观看。
打开Marta Company你只需要上下移动鼠标，就可以清楚地看到所有的内容。Marta Company还通过叠加对项目进行了一些关键词描述。
名片内嵌醒目，不失设计感
如果你是网页设计的小白，那么这种简单易操作的逻辑值得学习和尝试。当然，别忘了保持页面的原创性和趣味性！
案例三：Ben Eli Studio
https://www.beneli.studio/
剧透式引导活用
能使页面更加主次分明
Ben Eli Studio在网页的开头，我直接介绍了自己。他们将点击箭头设计成熊的形状。当熊移动到不同的关键字时，相应的图片会弹出。
用剧透图片引导用户查看自己感兴趣的内容，既能节省时间，又能让整个页面更加主次分明。
增加交互元素的使用，缩短与观众的距离。
你可能会发现，许多网页中都存在动态效果、滚动鼠标甚至游戏般的机制。它们看似“花里胡哨”，其实都是设计者为了交互下的苦心。
案例一：Vincent Tavano
https://tavanovincent.com/
网页的互动设置很有趣。也许只有保持好奇心，才能不断创新
Vincent Tavano将屏幕视为一系列小而有趣的互动，因为在网页导航中添加适当的互动元素可以增加内容的可读性。
当您点击进入时A MAGAZINE之后，你会惊讶地发现，每次你移动鼠标，都会有一张图片，如果你一直移动，就会串出有趣的图片。
而在“LOEWE”页面中，LOEWE各种产品都像橡皮擦，你可以用它们画图像，甚至发泄压力。
制作网页，经验丰富Vincent Tavano建议是：保持好奇心，无休止地寻找、测试、改变，从头再来。
案例二：Laucke Siebein
https://studio-laucke-siebein.com/
一个指令贯穿整个网站
互动的目标是让观众玩得开心
打开 Laucke Siebein 网站后，三个写着向下滚动的三角形不断闪烁，这几乎是网站的所有指令。一旦你遵循这个指令，就会有一个像隧道一样的世界。
图片不断拉伸、放大、切割过渡……重复的方式不仅让人看不腻，反而会抑制不住向下滚动。
这种互动简单而特殊，Laucke Siebein它还传达了他们制作网页的建议：沟通和互动可以是一个感性的过程，让观众感到惊讶和快乐。
案例三：Don Carlo
https://www.doncarlomtl.com/
网页设计中明确的意图和目标是起点
设计工作室 Don Carlo 希望他们能建立一个轻松愉快、俏皮的网站。
因此，在网页浏览的开始和结束时，Don Carlo都设置了一个弹出的驴形象。每个项目页面都有浮动图像和放大鼠标来引导您点击查看具体内容。
如果你装饰页面两侧的黑色动态条，那就错了。上面隐藏着特定的导航。如果你想回到主页并获得联系方式，你可以找到关键字入口。
![]()
网页设计师Jonathan Morin还说，在网页设计中，明确理解意图和不同的业务目标应该是起点。
最大化网页的差异，发展个性元素。
如果我们都从观众的角度出发，最后最重要的是在网页制作中结合内容特征开发个性元素，从而与他人的网页不同，或者进一步实现独特。
案例一：
Pangram Pangram
https://editorialnew.com/
呈现字体的设计语言也可以复古又有趣
作为字体设计公司，Pangram Pangram网页设计的方法是呈现字体本身的设计语言和概念。
在网页上，它们结合了许多复古动画——报纸效果、栏目文本、复古广告等。这些效果直接被塑造出来Pangram Pangram气质复古有趣。
可以看到，Pangram Pangram在网页设计中，有许多字体设计链接供用户体验。这种互动可以帮助用户更清楚地了解不同字体或字体间距的细节。
案例二：Makemepulse
https://www.makemepulse.com/
通过网页互动讲好故事
需要不断提升创造力
Makemepulse 擅长通过网页互动讲好故事。他们认为界面不仅传达信息，还传达情感——类似于图像、动画和音乐。
对于Makemepuls制作网页的最终目标是让用户对创意、故事情节和情感感到惊讶，从而不断提高自己的创造力。
在这些众多的呈现中，Makemepuls个性非常突出—多变的互动形式，有趣的故事，生动的画面，这些都使Makemepuls独一无二，不可替代。
案例三：Yehwan Song
http://yhsong.com/
在像迷宫一样神秘的网页上
隐藏着设计师独特的视觉语言
如果简单的网页设计会让人觉得模板化，那么Yehwan Song设计的网页不能复制，因为太难了！
打开网页主页，很难不被密密麻麻的线圈惊讶。整个页面像迷宫一样神秘，屏幕上充满了设计师自己的语言。
这种设计来源于Yehwan Song 强烈认为网络应该更有趣的初衷，她希望更多人能够意识到这点，也因此她将计算机作为一种工具不断创造迷人且能够互动的内容。
拥有编码技能和设计基础Yehwan Song她的作品本身就很特别，与自己有着牢固的联系。这种视觉语言可能暂时无法形成，但我们可以一直学习到脱颖而出。
如何更合理地设计网页？
试着从案例中找到方向
我相信对许多朋友来说，网页设计是一项具有挑战性的工作。如何在保持创意设计的同时清晰地展示作品？所有这些都需要耐心考虑。为了给你生产的灵感，接下来BranD会从优质的网页设计入手，给大家分享一些网页设计小贴士。
确保页面逻辑直观，让观众尽可能多地摄入内容。
众所周知，观众的第一印象非常重要。因此，吸引人的视觉效果和足够简单的导航对网页设计至关重要。他们可以引导观众尽可能多地浏览页面内容。
案例一：Studio Yukiko
http://y-u-k-i-k-o.com/
网页制作逻辑清晰
能更充分地呈现内容创意
Studio Yukiko是专门为印刷、数字媒体和动画提供创意指导、艺术指导和设计的设计工作室。
Studio Yukiko网页制作逻辑简单，只有基本的左右按钮。如果长时间不点击，页面会自动播放。他们不会在一个网页上放太多内容，但是浏览一段时间就能大致了解工作室的业务方向和设计风格。
此外，如果您将鼠标移动到页面中心，图片将弹出Yukikologo，点击工作室的介绍和联系方式等。每一页的导航设置都是一样的，即使你是网页上的小白，也可以在10秒内理解。
案例二：Marta Company
https://www.martacompanydesign.com/
网页设计中使用的总分结构也很简单
给观众更多的选择权
Marta Company是多学科设计师和插画家。她设计的网页采用总分结构，你可以浏览她参与的所有项目，然后有选择地观看。
打开Marta Company你只需要上下移动鼠标，就可以清楚地看到所有的内容。Marta Company还通过叠加对项目进行了一些关键词描述。
名片内嵌醒目，不失设计感
如果你是网页设计的小白，那么这种简单易操作的逻辑值得学习和尝试。当然，别忘了保持页面的原创性和趣味性！
案例三：Ben Eli Studio
https://www.beneli.studio/
剧透式引导活用
能使页面更加主次分明
Ben Eli Studio在网页的开头，我直接介绍了自己。他们将点击箭头设计成熊的形状。当熊移动到不同的关键字时，相应的图片会弹出。
用剧透图片引导用户查看自己感兴趣的内容，既能节省时间，又能让整个页面更加主次分明。
增加交互元素的使用，缩短与观众的距离。
你可能会发现，许多网页中都存在动态效果、滚动鼠标甚至游戏般的机制。它们看似“花里胡哨”，其实都是设计者为了交互下的苦心。
案例一：Vincent Tavano
https://tavanovincent.com/
网页的互动设置很有趣。也许只有保持好奇心，才能不断创新
Vincent Tavano将屏幕视为一系列小而有趣的互动，因为在网页导航中添加适当的互动元素可以增加内容的可读性。
当您点击进入时A MAGAZINE之后，你会惊讶地发现，每次你移动鼠标，都会有一张图片，如果你一直移动，就会串出有趣的图片。
而在“LOEWE”页面中，LOEWE各种产品都像橡皮擦，你可以用它们画图像，甚至发泄压力。
制作网页，经验丰富Vincent Tavano建议是：保持好奇心，无休止地寻找、测试、改变，从头再来。
案例二：Laucke Siebein
https://studio-laucke-siebein.com/
一个指令贯穿整个网站
互动的目标是让观众玩得开心
打开 Laucke Siebein 网站后，三个写着向下滚动的三角形不断闪烁，这几乎是网站的所有指令。一旦你遵循这个指令，就会有一个像隧道一样的世界。
图片不断拉伸、放大、切割过渡……重复的方式不仅让人看不腻，反而会抑制不住向下滚动。
这种互动简单而特殊，Laucke Siebein它还传达了他们制作网页的建议：沟通和互动可以是一个感性的过程，让观众感到惊讶和快乐。
案例三：Don Carlo
https://www.doncarlomtl.com/
网页设计中明确的意图和目标是起点
设计工作室 Don Carlo 希望他们能建立一个轻松愉快、俏皮的网站。
因此，在网页浏览的开始和结束时，Don Carlo都设置了一个弹出的驴形象。每个项目页面都有浮动图像和放大鼠标来引导您点击查看具体内容。
如果你装饰页面两侧的黑色动态条，那就错了。上面隐藏着特定的导航。如果你想回到主页并获得联系方式，你可以找到关键字入口。
网页设计师Jonathan Morin还说，在网页设计中，明确理解意图和不同的业务目标应该是起点。
最大化网页的差异，发展个性元素。
如果我们都从观众的角度出发，最后最重要的是在网页制作中结合内容特征开发个性元素，从而与他人的网页不同，或者进一步实现独特。
案例一：
Pangram Pangram
https://editorialnew.com/
呈现字体的设计语言也可以复古又有趣
作为字体设计公司，Pangram Pangram网页设计的方法是呈现字体本身的设计语言和概念。
在网页上，它们结合了许多复古动画——报纸效果、栏目文本、复古广告等。这些效果直接被塑造出来Pangram Pangram气质复古有趣。
可以看到，Pangram Pangram在网页设计中，有许多字体设计链接供用户体验。这种互动可以帮助用户更清楚地了解不同字体或字体间距的细节。
案例二：Makemepulse
https://www.makemepulse.com/
通过网页互动讲好故事
需要不断提升创造力
Makemepulse 擅长通过网页互动讲好故事。他们认为界面不仅传达信息，还传达情感——类似于图像、动画和音乐。
对于Makemepuls制作网页的最终目标是让用户对创意、故事情节和情感感到惊讶，从而不断提高自己的创造力。
在这些众多的呈现中，Makemepuls个性非常突出—多变的互动形式，有趣的故事，生动的画面，这些都使Makemepuls独一无二，不可替代。
案例三：Yehwan Song
http://yhsong.com/
在像迷宫一样神秘的网页上
隐藏着设计师独特的视觉语言
如果简单的网页设计会让人觉得模板化，那么Yehwan Song设计的网页不能复制，因为太难了！
打开网页主页，很难不被密密麻麻的线圈惊讶。整个页面像迷宫一样神秘，屏幕上充满了设计师自己的语言。
这种设计来源于Yehwan Song 强烈认为网络应该更有趣的初衷，她希望更多人能够意识到这点，也因此她将计算机作为一种工具不断创造迷人且能够互动的内容。
拥有编码技能和设计基础Yehwan Song她的作品本身就很特别，与自己有着牢固的联系。这种视觉语言可能暂时无法形成，但我们可以一直学习到脱颖而出。
