• 潜心笃志•持之以恒

    ADHERE TO DESIGN AS THE CORE OF WEBSITE CONSTRUCTION

    圻谷网络自2004年创立以来,始终专注高端欧宝体育官网在线建设服务.

    坚持以设计为欧宝体育官网在线建设核心,并擅长于此!初衷从未改变!

  • 淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

    2019-07-31 14:35:51

    资讯专题 / 圻谷观点 00

      淄博欧宝体育官网在线设计如何在视觉设计中突破页面布局的“格”,让设计更具特点与众不同,下面淄博欧宝体育官网在线设计通过几个小技巧来解决页面布局中死板的问题。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        1、延伸

        古词中“满园春色关不住,一枝红杏出墙来”,就是这个感觉,让主体内容不局限于页面的条条框框之内,适当的延伸出去,横跨两个模块,不仅能够打破规则的布局,而且能够让两个模块有一定延伸感和连接感。

      下图:电脑的图片不局限在蓝色背景区域,延伸到了下一个模块,除了掩盖掉两个模块间死板的分割线,更能让用户在阅读时能够流畅的从A区域过渡到B区域,中间不会出现断节。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计
       

    下图:相机图片在两个模块的中间,从绿色背景模块延伸到浅灰色模块,将模块中间死板的分割线去除,完美的过渡方案。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        2、曲线

        网页设计中,免不了内容模块的分割,这种直线多了自然就会让画面死板,我们可以通过改变直线的方式,比如曲线、斜线等来解决这个问题。

      下图:用曲线来达到分割的模块地目的,同时也表达出数据产品的特点。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      下图:不论是背景还是主体图形,都有12°角度的倾斜,让画面顿时就“活”了起来。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        3、过渡

        当然我们很多时候任然无法避免分割中的直线,也不可能把所有的直线都改为曲线,这时候我们可以适当利用一些元素让模块之间有个过渡。

      下图:左右分屏是最近一年比较流行的布局方式之一,这种布局能够更加强调品牌的色彩调性,避免图片与文字的叠加干扰阅读,带来的问题就是中间死板的分割线,设计师将输入框横跨了两个模块,巧妙地打破了这个死板的形式

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      下图:利用黄色的播放图标,让左边的线描图与右侧实景图有较好的过渡,同时也成为画面的点睛之笔。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        4、隐藏

        有些信息不一定完整的展示出来,可以只展示最重要的部分,将不重要的置于画面之外,适度的隐藏,更有利于突出重要信息,也能够让画面有一定的延伸感,不死板。

      下图:并没有展现全部的图形,部分留于浏览器之外,让画面更显得大气。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        5、层叠

        将图形、图片、文字等信息进行层叠,打破传统的左右、上下布局,增加画面的透视与层次关系。

      下图:主体人物与文字进行叠加,文字虽然做了一定的遮挡,若隐若现却不影响阅读。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      下图:不是一张图干巴巴的诠释,利用多个元素层叠交错,营造出画面的层次、透视与场景。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

        6、错位

        将图形、图片、文字等信息进行错位布局,不拘泥于条条框框之内。

      下图:图片与背景块错位布局,看似好像没做完,实际是设计师精心的布局方式,让画面充满动感,同时图片的投影也让这部分信息顿时有了层次感。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      下图:利用文字、方框与主体图片进行交错组合,让这些碎片信息融为一个整体,视觉上也更加有层次感。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      下图:将四张商品图片进行波浪式的排列,虽然只是稍微改变了水平对齐的方式,但是立刻让画面充满了韵律感。

    淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计

      结语

      以上方法并非只是为了突破而突破,是基于浏览体验的前提下,做出更具特点的视觉形式,设计师不须拘泥于传统的布局方式,也无须受制于同类产品形式的影响,可以大胆尝试各种布局方式,做出创新与特色。

    来源:淄博欧宝体育官网在线建设 / 编辑:淄博欧宝体育官网在线设计

    上一篇:没有了

    下一篇:响应式欧宝体育官网在线设计需要遵循的5种设计思维

    返回列表

    延展阅读

    更多相关案例,更多借鉴,更多优化!

    16年时间,圻谷深入100多个细分行业,从建筑、建材、装修、到工程、服饰、电子电器...资深的行业产品营销经验与专业的推广运营能力,给您更好保障!

    文章点评

    点评文章,写评论得积分,赢礼品!

  • 暂无淄博欧宝体育官网在线设计:如何突破传统排版做个性化的欧宝体育官网在线设计点评 + 登录后点评
  • Contact Us

    多一份参考,总有益处。

    联系QIGOO,免费获得专属《策划方案》及报价。

    走过十六年历程的互联网整合营销机构,以技术与思想,提升您欧宝体育官网在线的广度传播与深度。

    咨询问题或预约面谈,可以通过以下方式联系我们。

  • 更多 +圻谷网络业务单元

    淄博企业欧宝体育官网在线建设淄博手机欧宝体育官网在线建设响应式欧宝体育官网在线建设营销型欧宝体育官网在线建设淄博高端欧宝体育官网在线建设电子商务欧宝体育官网在线建设商城购物欧宝体育官网在线建设淄博大型欧宝体育官网在线开发淄博门户欧宝体育官网在线建设淄博行业欧宝体育官网在线建设品牌创意欧宝体育官网在线建设淄博房产欧宝体育官网在线建设

  • 更多 +圻谷网络的优势

    16年网络服务经验专业欧宝体育官网在线建设团队资深行业分析策划完备的项目管理突出技术研发能力完善售后服务体系丰富网络运营经验前沿视觉设计能力独立项目开发能力服务行业超100+品牌与技术并重高端欧宝体育官网在线建设者

  • 更多 +联系圻谷网络

    业务电话:0533-8634765 / 152-643-87996
    业务QQ:
    E-mail :QIGOOINFO@126.com
    联系地址 :淄博市张店区杏园西路25号
  • 欧宝体育官网在线首页

    圻谷案例

  • 家政服务欧宝体育官网在线建设案例
  • 房产地产欧宝体育官网在线建设案例
  • 新农业欧宝体育官网在线建设案例
  • 外贸行业欧宝体育官网在线建设案例
  • 教育培训欧宝体育官网在线建设案例
  • 装饰装修欧宝体育官网在线建设案例
  • 机械制造欧宝体育官网在线建设案例
  • 化工行业欧宝体育官网在线建设案例
  • 医疗服务欧宝体育官网在线建设案例
  • 电器电子欧宝体育官网在线建设案例
  • 政府事业单位欧宝体育官网在线建设案例
  • ICON图标欧宝体育官网在线建设案例
  • 建站方案

  • 家政服务欧宝体育官网在线建设方案
  • 房产地产欧宝体育官网在线建设方案
  • 新农业欧宝体育官网在线建设方案
  • 外贸行业欧宝体育官网在线建设方案
  • 教育培训欧宝体育官网在线建设方案
  • 装饰装修欧宝体育官网在线建设方案
  • 机械制造欧宝体育官网在线建设方案
  • 化工行业欧宝体育官网在线建设方案
  • 医疗服务欧宝体育官网在线建设方案
  • 水处理行业欧宝体育官网在线建设方案
  • 建材行业欧宝体育官网在线建设方案
  • 物流公司欧宝体育官网在线建设方案
  • 欧宝体育官网在线建设

  • 响应式欧宝体育官网在线建设
  • 创意品牌欧宝体育官网在线建设
  • 企业欧宝体育官网在线建设
  • 营销型欧宝体育官网在线建设
  • 高端欧宝体育官网在线建设
  • 手机欧宝体育官网在线建设
  • 专题活动欧宝体育官网在线
  • 欧宝体育官网在线运营代理
  • 电商平台

  • 电子商务欧宝体育官网在线
  • 行业欧宝体育官网在线建设
  • 商城欧宝体育官网在线建设
  • 大型欧宝体育官网在线建设
  • 门户欧宝体育官网在线建设
  • 房产欧宝体育官网在线建设
  • 旅游欧宝体育官网在线建设
  • 系统开发

  • 欧宝体育官网在线开发定制
  • 分销系统
  • 红包系统
  • 卡包系统
  • 图片标注系统
  • 问答系统
  • 论坛系统
  • 评论系统
  • 点赞系统
  • 资讯专题

  • 公司新闻
  • 欧宝体育官网在线优化
  • 最新签约
  • 圻谷观点
  • 建站问答
  • 了解圻谷

  • 关于圻谷
  • 圻谷团队
  • 圻谷公益
  • 圻谷招聘
  • 联系圻谷

    淄博欧宝体育官网在线建设微信

    关于我们 | 联系我们

    © 2019 圻谷网络 All Rights Reserved.

    技术支持:圻谷网络

    关注圻谷网络获得全面的咨询服务!
    淄博营销型欧宝体育官网在线建设
    微信号:15589330185