北京齐力众信网站建设,做自媒体的网站名字,如何推广好一个产品,嘉兴网站九宫格构图#xff0c;圆心点放射形构图#xff0c;三角形构图#xff0c;SF字形构图。 1.九宫格网格构图 这种版式主要运用在分类为主的一级页面#xff0c;起到功能分类的作用。 通常在界面设计中#xff0c;我们会利用网格在界面进行布局#xff0c;根据水平方向和垂直…九宫格构图圆心点放射形构图三角形构图SF字形构图。 1.九宫格网格构图 这种版式主要运用在分类为主的一级页面起到功能分类的作用。 通常在界面设计中我们会利用网格在界面进行布局根据水平方向和垂直方向划分所构成的辅助线设计会进行得非常顺利。在界面设计中九宫格这种类型的构图更为规范和常用用户在使用过程中非常的方便应用功能会显得格外的明确和突出。 九宫格给用户一目了然的感觉操作便捷是这种构图方式最重要的优势。 九宫格看似简单随意用好了同样能呈现出奇妙的效果。 灵活运用九宫格辅助线区分出来的方块。在有规律的设计方法中找突破做设计一定要注重这一点 在九个方块分配的时候不一定要一个格子对应一个内容完全可以一对二一对多打破平均分割的框框增加留白调整页面节奏或突出功能点或广告。各个方块的不同组成方式页面的效果也会产生无数的变化。 我们可以看出这样的版式同样可以使界面变得非常的灵活内容简单信息明了。 2.圆心点放射形构图 生活中最为常见的就是圆形了眼睛是圆的太阳是圆的碗也是圆的天也是圆的。在界面设计中圆的运用可谓是点睛之笔。 圆是有圆心的在界面中往往通过构造一个大圆来起到聚焦、凸显作用。 放射形的构图有凸显位于中间内容或功能点的作用。在强调核心功能点的时候可以试着将功能以圆形的范式排布到中间以当前主要功能点为中心将其他的按钮或内容放射编排起来。 我们将主要的功能设置在版式的中位置就能引导用户的视线聚集在想要突出的功能点上就算视线本来不在中间的位置也能引导用户再次回到中心的聚集处。 在界面设计中圆形的运用能使界面显得格外生动多数可操作的按钮上或交互动画中都能见到圆形的身影。 因为圆形具有灵动、活跃、有趣、可爱、多变的特质。在界面设计中善于将圆形的设计与动画结合能让整个软件鲜活起来。 如再加上旋转围绕的动画会让整个软件鲜活起来。界面中的圆形能集中用户的视线引导点击操作突出主要的功能点或数据把产品核心展现出来。 圆心点放射形的设计会使软件感觉更为智能化包容万象。 如果要体现的功能点非常简单只有几个功能按钮的时候可尝试这种大圆的展示设计突出最重要的功能然后罗列并排出其他的功能点。这种方式非常实用就和画重点一样圈出最重要的数据。善于运用大圆构图能撑起整个画面让界面圆润而饱满。 3.三角形构图 这类的构图方式主要运用在文字与图标的版式中能让界面保持平衡稳定。从上至下式的三角形构图能把信息层级罗列得更为规整和明确。 在界面中三角形构图大部分都是图在上字在下阅读更为舒服有重点有描述。 Gogobot登陆页在设计中将logo作为了图形的部分输入框就是产品的核心描述。 个人信息页比较常用三角形构图。头像明确了这个页面的内容而下面的粉丝、喜欢等数据就是对本人的一个描述和介绍。 当时在设计儿童卫士宝贝信息设置页时运用到了三角构图与圆形构图的结合。将体重刻度做成可滑动操作的方式而卡通形象来突出设置的对象及这个页面的功能。 4.视线在界面中的构图法则SF字形构图 在设计实践中如何引导读者视线对增强用户体验有重要作用。好的构图视线法则能够获得非常舒服的阅读体验。而杂乱无章的构图往往让用户厌倦。 在进行界面设计的时候对用户的视觉移动方向的预设是非常重要的。在界面中加入更为顺畅的构图设计引导用户视线移动的元素就能使用户更多的观察到产品的核心和产品的卖点。 视线流动的轨迹多则是从上至下从左到右移动如果不能围绕这样的视线轨迹进行排版用户在阅读的时候会变得很吃力找不到重点使用户产生反感。所以在界面设计中格外需要注意这个地方。现在界面一般是上下滑动的做好视线引导可以大大减小用户的负担和阅读疲劳。 界面中最基础的是S形视线构图 在界面中怎么运用S形视线构图呢 S形视线大家都懂关键是如何运用好S形视线来抓住用户眼球。 首先我们看一下视线的轨迹在视线转角处视觉轨迹最为密集浏览更为集中在切换的地方视线转折的地方停留时间最长。所以我们应该把重要的想要突出的产品或功能放在这块这样更容易让用户记住产品的卖点。 苹果官网便采用了S形视线构图引导阅读大家可以从苹果官网好好体会一下。每个模块的图形进行穿插可以起到帮助折回视线的作用。产品图更多的让用户去记忆设计引导消费 此外为了帮助视线的移动方向,图片的处理也非常的讲究。 在iPod touch 的介绍中第一张图片展开的效果用到了三角形构图强化了引导视线轨迹的指示性。同时多张图片借助手机排列方向引导到视线轨迹很好地实现了图片—文字—图片之间切换将用户带入到整个产品画面中。 第一屏手机展开方向与视线保持一致 为了使用户阅读更有推进性在图片层次和空间上我们也需要注重用户的视线效果将焦点调整到合理的视线位置上产品正面方向对准视线的来源点。通过这些调整不仅能使阅读顺畅更加强了界面的平衡性。 相比于左右构图S形构图在上下滚动页面上优势非常明显。左右构图很容易给人疲劳感而S形则将图片和文字完美结合在一起配以大量的留白如同山间的溪流给人轻快流畅的感觉。 下图界面中设计师很好的运用到S视线形构图增强了穿插感和灵动性。人物的信息上下穿插布局头像则成为视线的转折点使这种双列模式的排版更为有节奏。而具体到每一部分头像与内容采用了三角形构图内容描述段落用到了文本居中式画面稳定、和谐。 在引导页中也会常常运用到S形的构图。图文进行穿插布局这样的构图层次感分明动感十足 由图文版式布局我们还可以演变出F字形构图这种类型的构图大部分运用在图文左右搭配图和banner中使用F形构图能让图文搭配更有张力更大气产品信息更为简单和明确。 在F形构图的规律中主图为F的主干右侧两行或两部分文字为辅要注意合理分配图片和文字的占比。 F形构图在banner中使用能将标题更为突出主题更加吸引视线。 值得注意的是要充分利用主图的画面的指向性。比如主图是人物可将文字放置于其眼神、朝向、手势等对应的方向加强视线引导。如果是产品图则可以通过产品的朝向来引导。这样做用户能最快速的关注到文本信息加强认知度和购买度。 小结这一课没有什么实战技巧更多的是引导大家学会欣赏学会用基本的设计原理来描述自己看到的作品而不是简单扔下一句“人家设计得真好”就完了要明白其中道理并努力为自己所用。转载于:https://www.cnblogs.com/staceydesign/p/4150988.html
