文章目录
通过这些电子商务网站、作品集等技巧，了解如何平衡网站设计布局中的创意和功能。
虽然创建一个新网站是令人兴奋的，也是展示您的创造力的绝佳机会，但记住一些有用的指导方针很重要。这将确保您的网站不仅看起来时尚，而且最大限度地提高网站的成功率，无论是将流量转化为销售还是鼓励读者在页面上停留更长时间。
下面，了解如何根据您是为在线商店、博客、投资组合、企业服务还是酒店/旅游企业创建网站来优化您的网站布局。这些特定于站点的提示可以帮助您创建网站布局，从而转化销售、增加会话持续时间或给潜在客户留下持久的印象
1. 为电子商务设计网站布局
电子商务网站设计的目标，将流量转化为销售。
因此，网站设计能够有效、快速地引导访问者进行销售，从登陆页面到产品页面再到购物车，这一点尤为重要。
用户体验应该是电子商务网站的重点，并且每次都以简洁胜过混乱。设计师可能希望花更多的时间来规划完成销售的用户旅程。考虑如果用户在网站上漂移，如何将用户重定向到购物车页面。
话虽如此，时尚的设计可以集成到用户友好的电子商务框架中。由澳大利亚机构 ED. 设计的海鲜市场Sea Harvest网站将用户体验置于古怪的报纸设计的核心。布局既美观又易于导航，引导用户快速从当天捕获的产品到其他可用产品再到订单页面。
在这种情况下，布局的设计风格通过引人注目的样式和有效的用户体验的巧妙结合来增加获得销售的机会。
2. 为博客设计网站布局
博客是对个性的颂扬，因此博客的设计风格可以千差万别。因此，博客网站可以作为创意网页设计师的完美白板。
虽然创造力和个性应该是博客设计的重要组成部分，但可读性仍然应该是主要目标。选择在小尺寸下清晰易读的网络字体很重要。还可以选择没有视觉干扰（例如侧边栏）的可滚动布局，让读者能够专注于内容。
一些博客布局需要足够灵活以适应不同类型的内容，包括视频和摄影。旅游博主 Pete Rojwongsuriya 成功地将不同的媒体结合在一起，在他屡获殊荣的BucketListly博客网站设计中创造了无缝的读者体验。一张突出皮特旅行的世界地图位于主页的中心位置，用户可以在滚动过折叠后访问一系列视频和文章。
帖子中使用一致的摄影风格使网站布局具有统一的“品牌”设计，而整个网站调色板中的一点黄色则向国家地理品牌致敬。
3. 为投资组合设计网站布局
作品集通常是最具创意和实验性的网站设计，其最终目标是打动客户或赢得客户的信任。投资组合网站布局可能会使用引人注目的排版、强烈的色彩、演示和/或动画效果来产生即时和持久的影响。
虽然风格和创造力可能会使作品集网站更令人难忘，但作品集引导用户完成从项目和现有客户到关键联系方式的传统功能序列仍然很重要。
投资组合网站应该展示而不是分散工作本身的注意力。在大多数设计师的情况下，您自己创建的图像可以而且应该主导网站布局。使用更人性化的元素（例如所有者和/或团队的照片）来支持这一点，可以帮助客户在给您打电话之前感觉他们已经见过您。
对于创意企业来说，风格应该是作品集网站的核心特征，但这并不意味着用户体验会受到影响。数字设计咨询公司 Wolf&Whale 的作品集网站是形式和功能平衡组合的一个很好的例子。
Wolf&Whale 的创始人 Todd Torabi意识到他的机构赢得新客户的能力取决于他的投资组合网站的质量。为了使网站成为 Wolf&Whale 品牌引人注目的展示，Torabi 与南非创意工作室 MakeRegin 合作设计了网站布局。
使用“样式图块”作为在布局上组织颜色和层次结构的灵感，最终结果是一个易于使用的网站，具有微妙的悬停效果和强烈的钴色调色板，让用户通过精美呈现的卷轴保持参与项目。
新网站设计的影响？该网站的访问者增加了 9 倍，会话时长增加了一倍，并吸引了包括 GoDaddy 和 Trupo 在内的新客户。
4. 为企业服务设计网站布局
企业网站不必枯燥乏味，尽管该部门经常遭受乏味、千篇一律的网站布局。商业服务将受益于他们网站设计中的一点创意，但设计师可以通过使公司品牌和简洁的字体成为网站设计的重点来保持适当的基调。
企业网站的目标应该是通过专业的介绍和令人放心的信息（例如奖项和现有客户）建立客户信任。它可以是公司向外部世界介绍员工、展示工作或让客户了解最新消息的机会。
潜在或现有客户可能只使用公司网站来快速跟踪联系方式，因此这些网站布局高效且易于导航非常重要。
数字代理机构ouiwill的网站布局是干净有效的网页设计的一个很好的例子，它保留了适合企业的精神。黑白调色板、干净的无衬线网络字体和明亮通风的摄影作品为可无限滚动的页面增添了流畅的风格。页面本身在垂直和水平滚动之间交替，为站点添加动态元素。
5. 为餐厅、酒店和活动设计网站布局
创建一个旅游、休闲网站。或者旅行可能是一个挑战，因为网站的目标是身临其境，让在线访问者了解目的地。沉浸式体验需要与功能相平衡，让用户可以轻松找到开放时间、票务信息和预订详情。
这些类型的网站还需要特别注意可访问性问题，确保该网站平等地容纳每个人。
设计人员可能希望向专注于旅游的网站添加更多互动或沉浸式内容，例如虚拟旅游、游戏或地图。互动元素、视频和展览标准摄影都可以打造令人惊叹的网站布局。但是，网页设计人员需要解决潜在的较长加载时间问题。
阿姆斯特丹弗兰斯哈尔斯博物馆的网站是一项在完美网页设计方面的获奖研究。该网站由阿姆斯特丹的 Build 创建，是对博物馆当代和经典双重收藏品的致敬。将古代大师与现代艺术作品相冲突的拼接图像是该网站的一贯特色。醒目的颜色、弹出式过渡和交互式元素（例如拖放功能）增加了网站的趣味性和广泛吸引力。
网站布局的古怪格式也没有分散重要信息 – 如何购买门票以及如何找到博物馆。