这个电商网站不止是看起来很好吃(2)

由于网站是用来为一家小型的手工面包店来推广其产品的，所以，首页需要承载他们的主要的产品链接、相关的服务介绍、公司的介绍以及社交媒体和更多的信息。设计师热衷标题、图片、背景和文案的排版组合来视觉化地传递信息，便于用户感知，将新鲜出炉的面包所特有的温暖感，呈现在用户面前，勾起他们购买的欲望。在这样的设计方案基础上，服务的定位也就越加的清晰了，这家手工面包店是高端的面包类产品的生产者和供应商，这些经过手工制作的面包有着超市里量产的面包所不具备的独特属性，相应的，成本也相对更高。

在网页风格的设定上，设计师希望它能传递出协调的感受：深色的背景，作为品牌特征的文本LOGO和位于中线上，清晰明了的标题能够在访客心理上建立起正面的情绪，其他的视觉元素和美味的糕点一起塑造出整个网站的主题风格，微文案在视觉上也具备吸引人点击的特点，提升网站的整体转化率。

接下来，看看这个网站的产品目录：由于销售的产品是新鲜的手工面包，漂亮的产品图几乎是必备的组成部分，搭配上每款面包的核心信息，用户可以快速地浏览、筛选符合自己口味和需求的产品。在这个展示区域，设计师让用户可以水平滚动以查看更多的产品，这也是为什么靠近屏幕边缘的最后一个产品并非完全显示，这样可以暗示用户，向右滚动可以查看更多。用户在首页可以直接通过“Add”按钮将商品添加到购物车当中，无需进入子页面。特别是对于回头客而言，这种设计能跳过多余的操作。当然，对于想了解更多的用户，点击面包自然就能进入对应的子页面了，两不耽误。

点击特定的项目，用户可以查看关于这款面包的更多详细信息，包括说明，重量，营养，价格，评级和加购物车按钮。面包的产品图是支撑整个页面的视觉焦点，这样会让页面更加简洁，不会让用户分心。

仔细查看整个交互过程，你会发现页头和页脚是固定的，水平滚动可以查看更多面包，而以产品为核心的视觉设计，让整个页面充满了聚焦感。平滑的过渡动效连接着所有的交互，模拟出物理世界中交互应有的质感。

（编辑：ASP站长网）