童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅析专题中的构图之美

10月10日 封了心投稿
  一个成功的专题页面,大部分会具有以下几个出彩的要素:色彩、构图、风格创意,细节等。一个页面从无到有,设计师需要对整个页面有全盘的设计和把控,用户第一眼看到这个良好的画面分割页面也就会被视觉所吸引,甚至不用浏览具体内容就能了解这个页面的很多信息。好的页面构图能够让你页面更出彩,也能让你做设计更事半功倍。下面,我们就来看看一些好的专题都是怎么构图的。(以下例子均来自互联网)
  1。几何切割
  在现实生活与自然界中,我们随处可见几何图形的存在,简单的三角形、正方形、长方形和圆形,甚至几根线条就可以组成很多有趣的图形,也很符合现代审美需求,适当的画面切割能够给页面带来动感与节奏感。加入几根线条,几个块面就能令页面起到意想不到的效果。
  实现的时候需要注意的是素材不适合太过复杂和花哨,一般会是纯色大块搭配渐变,主要突出形状和区块。
  A。简单切割
  用一个形状或者素材切分整个页面,画面瞬时变得有趣生动起来,内容区域也能得到有效划分。
  这类构图方式对内容没有过多要求,可随意安排。具体排版可根据内容来处理,也是现在专题页面用得最多,最普遍的一种构图方式。
  B。对称切割
  这种构图方式的前提一般是内容分主次两部分,并且这两部分是对立关系的情况下,比如说:对战,男女,冷热等等。页面一分为二,内容划分明确也更加具有视觉冲击力。
  C。组合切割
  集中而规律的排列,从整体上抓住人们的视觉。这种构图方式适合那种每个区块中的内容属于平级关系的专题,例如示例中的几个功能点和分类,都是属于同一级的内容,所占的比例也相同,用这种组合的排列能够保持各内容的关系,也能让布局更有创意。
  D。多重切割
  不规则的构图,稳定而锐利,干净的排版,易于识别,不规则的构图方式,避免了画面生硬,不易产生审美疲劳。不同的形状和排列,呈现出来的视觉效果也不一样。这种构图方式使用最多的一般是为了体现时尚感,科技感,与锋利感觉的专题,例如时装,家电,以及游戏战斗类的专题等等。
  2。主体轮廓
  活动的专题年年做,没有新意,想更与众不同?那就这样处理吧,根据专题的主要内容,从整体上构建一个边界或外形线,形成一个大的轮廓,将专题内容巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息,符合专题主题,并且能够让页面更有设计感,生动且活泼。需要提醒的是设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的、次要的元素,以免影响用户阅读内容。从个人经验来说,小编一般会在拿到需求的时候先进行脑暴发散联想,提取出一些有用的信息,再从中挑选出适合元素去寻找一些图片,通过图片素材来激发创意。
  这类构图方式一般针对那种主体内容很明确以及具象,能够用物品或轮廓直接代表,比如:端午可以用龙舟、粽子;中秋可以用月饼、玉兔;会员可以用皇冠,钻石等等,可根据具体的内容来进行尝试。
  3。放射及透视
  通过整体放射状加透视构图,使画面呈现立体与空间感,视觉焦点明确,画面冲击力强,富有动感。需要注意的是放射状的排版不太适合文字阅读,要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图,突出动感。
  4。整体场景
  专题内容不多,要突出趣味性,又怕用户无聊,那就设计成一副美妙的插画吧!让用户迅速置身在搭建的场景中,带动情绪,参与互动,直观获取有用信息。这种处理方式会使页面信息表现得更加准确顺畅,快速有效地把目标用户带入到页面氛围当中。不过需要注意的是场景搭建对素材的要求比较高,明暗,阴影,透视以及层次感,体积都需要用心处理。这类专题大多都会搭配动画一起实现,在带入感上更进一层。在设计的时候,对专题内容头脑里要有画面感,先搭建大的画面关系,再往里头添细节和内容,切记场景不要抢了内容的视觉焦点,在适当的时候做些减法。
  5。流程图
  如果你拿到的专题是渐进以及流向又或者是展示各节点的内容,用别的形式总感觉不够具象,那何不干脆做成一个个性化的流程图?俗话说,千言万语不如一张图,专题运用这种构图方式能够将步骤,关系,各个节点以及整体流向展示清楚,配合图片展示,一个枯燥的流程瞬间变得个性十足,用户浏览简单又明了,并且充满了趣味性。
  在网页设计越来越注重个性、趣味性以及视觉冲击力的今天,专题页面的构图也已经千变万化,以上只是列举出了其中较常见的一部分,不同的主题,不同的内容,构图排版的出发点也不尽相同,上面列举出来的方法也可以搭配使用,在拿到需求的时候,先不着急下手,构思的时候可以大胆尝试,考虑内容和风格,先确定构图,再往里面添加内容,充分考虑到内容的排版,尽量做到让一个专题有大创意的同时又具有小细节,实现整体形式感的完美和谐的统一。
  另外最后提醒一下:所谓构图就是将表现主题的各个构成要素按照主次关系放置在画面相应的区域,形成视觉感受,达到设计意图。所有的构图方式追根究底都是为内容服务,构图必须要服从主题表现的要求,设计师在设计的时候要注意在追求创意构图的同时也别影响到用户阅读内容。
  本文来自:百度MUX
投诉 评论 转载

全球前15的专业Logo设计师给你一些建议为了成为成功的LOGO设计师,你需要有一定的素质。此外,你需要遵循一定的准则,才能成为顶尖的Logo设计大师。永远不要觉得客户会抱怨你问太多的问题。如果他抱怨,向他解释问……如何在网页设计中用好圆形要素圆形元素的应用是在网页设计中一个相对较新的发展。与互联网普及初期相比,如今的网页设计水平已经超出很多人的想象,比如圆形的应用,现在的CSS工具使圆圈的创建越来越容易,所以他们在……蜕变。进化百度云Android端7。0项目总结项目背景:百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。……涨姿势!为什么有的颜色看起来非常高档?:高档色的色彩纯度、明度、饱和度低,是表象。但不是使得它们看起来显得高档的根本原因。正确的答案是:之所以一些颜色看起来会显得高档,其实是因为该……过稿有诀窍!5个超实用技巧让设计作品变得高大上牛MO王涵:很多新人小伙伴总是有这样的问题:为什么我的作品看起来不高大上?为什么别人的作品看起来就是很高大上?其实很多时候在于展示时候的小细节,这些小细节又可以说是小窍门。今天……浅析专题中的构图之美一个成功的专题页面,大部分会具有以下几个出彩的要素:色彩、构图、风格创意,细节等。一个页面从无到有,设计师需要对整个页面有全盘的设计和把控,用户第一眼看到这个良好的画面分割页面……MaterialDesign设计文档的4条训示MaterialDesign是Google打造的一套新的视觉语言,用来统一它的多种产品。Google发布materialdesign的概念时,同时发布了一些文档,满足人们对于他……App细节设计系列:Pinterest的交互设计Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台的同时,Pinterest几乎是最棒的。无论我自己有多么的缺乏社交,在Pinterest……Foursquare的交互细节长期以来,Foursquare定位签到服务都在以一种几近疯狂的方式不断被重新设计和定义,直到8。0版本的发布,它不再只是单纯的签到和分享位置,更倾向于成为一种基于导航定位的推荐……化繁为简网易云音乐WP1。0设计思考项目背景WindowsPhone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成熟的APP到了WP上就变得各种功能缺失、体验支离破碎,他们渴望应用软件在体验上能……APP界面设计就该那么美妙!如今手机屏幕的尺寸越来越放大化,但却始终很有限,因此,在APP的界面设计中,精简是一贯的准则。这里所说的精简并不是内容上尽可能的少量,而是要注重重点的表达。在视觉上也要遵循用户……从操作性条件反射理论看新手指引(上)玩一款新游戏,首先接触到的除了产品Logo之外就是新手指引了。一个好的新手指引可不是用箭头和文字说明将基础操作从头到尾指一遍就OK的哦,刚开始玩不记得下一步怎么做、遇到一个陌生……
时刻反思你的设计是否切合用户实际我们的原型设计方法从GoogleBuzz看产品的纯粹性如何设计灵活的商品属性系统中国网页设计没有特点GoogleBuzz的初体验如何说服你的用户、老板或客户读《每天懂一点色彩心理学》浅谈白社会交互设计的创新(三)让我们走近MicrosoftSurface(多点触摸技术产品移动体验设计不同于网页浅议交友系统在网游中的应用

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界