下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

电商的页面设计(上)

作者:蜗牛     来源: http://www.kokojia.com点击数:780发布时间: 2018-04-18 11:00:09

标签: 电商小程序电商设计

  与普通网站相比,电商网站的性质史特殊。电商首屏应该带若商家的目的性去迎合用户的常规使用习,而不是漫无目的地把首屏変成布告栏。如今,随着更多平面设计师加入,整个设计的生杰环境发生了重大的变化。

电商的页面设计(上)_电商_小程序电商_设计_课课家

  在页面的设计过程中,首先要对网站的整体运营内容有一个全面的了解。了解之后才能拟定出具体的版块,而首页导航的作用就是将这些版块做出详细的分类,在清导航的目的和重要性之后,把类似的版块整合在一起,形成一个整体。

  网页版式的基本类型主要有中轴对称型、分割排版型、焦点型、倾糾型、满版型等。

  (1)中轴对称型。将图形做水平方向或垂直方向排列,文字配置在上下或左右。水平排列的版面,给人稳定、安安静、平和与含蓄的感觉。垂直排列的版面,给人强烈的动感。对称的页面往往会给人严谨、庄重、理性的感觉。

  (2)分割排版型。把整个页面分成上下或左右两部分,分别安排图片机文案。可以调整图片和文案所占的面职,来调节对比的强弱。切割的方式是现在普遍流行且应用较多的排版方式,它使得图片部分感性而有活力,而文字则理性而静止。在手机端更适用于上下分割,也是常规的布局方式。这种版式给人以和谐、理性的美,几种分栏方式结合使用,既理性、条理,又活泼而富有弹性。

  (3)焦点型。焦点型的版式通过对视线的诱导,使页面具有强烈的视觉效果。焦点型分中心、向心机离心。其中,中心是以对比强烈的图片或文字置于页面的视觉中心,向心是通过视觉元素引导浏览者视视线向页面中心聚拢,离心则是通过视觉元素引导浏览者视线向外辐射。离心版式是多外向的、活波的,更具现代感,运用时应注意避免凌乱。

  (4)倾斜型。倾斜性的版面主体形象或多图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。图片、文字在页面上做曲线的分割或编排构成,产生韵律与节奏。

  (5)满版型。满版型排版,版面以图像充满整版,主要以图像为诉示,视视觉传达直观而强烈。文字配置在上下、左右或中部(边部和中心)的图像上。视觉传达效果直观而强烈满版型给人以舒展大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多。是商品广告H5常用的形式。

  小编总结:只研究蜡烛的人永远都发明不了灯泡,只研究木船的人永远都发明不了铁腿,设计师所要做的就是超越眼前的障得,把自己的思维无限放大。在商品展示的创意过程中,还可以做一些自由型的排版,这主要取决与设计师的设计能力和审美标准。例如,正三角形(金字塔型)最具稳定性,倒三角形则产生动感。此外,侧三角形则成一种均衡版式,既安定又有动感。

赞(19)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程