保举9种最常用的网站排版设想技能

无语乜无言无h

来历：知乎



音乐有快慢剧烈缓柔之风，美术讲求韵律，文学作品铺垫剧情，一样南宁网站排版设想也讲求张弛有度，禅意留白及门道的。明天经过9个不错的网站设想图片欣赏，剖析出9种版式技能。

01
-
左文右图，夸大产物展现





固然我们也见过右文左图的结构，不管怎样变化，深色地区总是优先于文本地区。此案例是将文本和交互元素集合放置在左侧，将文本为主的信息整合到一路。而图片则以轮播图的形式屋子右侧，图片的高低切近边沿营建出通透感。整体结构繁复，图文元素泾渭清楚，显得整洁而清楚。

02
-
跨地区文本，错落的图片





元素不再拘泥于特定的地区，而是相互穿插叠加排布，是现今的一个排版设想趋向。文本和图片的穿插叠加可以营建出怪异的错落干，不外在实战的进程中，要留意画面平衡感。

03
-
图片为主，分屏结构，跨地区文本





如想齐纳轨道视觉信息，可以让图片占据尽能够大的空间。黑白两色作为布景等分结构，强化了视觉条理，和远景的图文错开。题目很快图片和文本两个地区，将两者关联同一路来。

04
-
侧边栏列表，图文叠加做主体





对于大量并列的信息，侧边列表总是很是有用的，方可可以快速挑选、挑选。内容则同一采用图文叠加的排版，加入按钮，说明等其他帮助性元素，看起来丰富又不失功用性，唯一需要留意的是控制好对照度，确保可读性。

05
-
适当留白，同一用色





同第一点的结构类似，连系恰到益处的留白，同一的用色，给人的感受是相当高级的。图片中，绿色是主体，图片之外绿色的UI控件来提亮，相互照应给人调和感。

06
-
图文排布整洁，夸大CTA按钮





当全部结构画面很是同一对齐时，唯一打破法则的元素就是唯一焦点。行为呼唤按钮CTA是唯一很快结构的元素，很是吸引人去点击。

07
-
同一配色，利用多少图形打破鸿沟





繁复结构与明亮色彩是一对典范组合。繁复的界面设想气概能让鲜明的色彩加倍精明。如能连系一个打破鸿沟的图形元素，全部设想就轻易脱颖而出了。

08
-
高清布景大图，搭配对照度高的排版





布景采用高清大图，远景放置题目及帮助信息，是南宁高级网页设想师常用的排版组合手法。这需要适当地调暗布景图片，而远景中的文本元素需要采用较高亮色彩，确保阅读的体验更好。

09
-
用字体、配色和结构来营建氛围





要晓得网页界面中出现的每一个视觉元素都是有性情的，低饱和度高明度的图片和温和的粉色，都布满了女性化的文雅气味，这是搭配浅灰为主、纤细的字体，全部页面就显得很是高雅。唯一的CTA按钮采用深色，捉住用户留意力，题目色彩稍微加深确保信息转达，妙极了！




原文地址：https://zhuanlan.zhihu.com/p/166068394
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。