娱乐在线平台开户容易吗 设计秘技:你不知道的排版方法

2020-01-08 18:16:33 

娱乐在线平台开户容易吗 设计秘技:你不知道的排版方法

娱乐在线平台开户容易吗,在遵循自然习惯的基础上,对页面设计加以特殊设置,让用户在不知不觉中获取设计师想让用户知道的信息。

不知道大家有没有打开一个网站或者一个app,但是不知道去看哪里,页面中有太多的信息内容,很难决定从哪里开始,然后就很容易关闭了。

在互联网时代,用户不是在读书,读我们设计的每段文字,他们是扫描,扫视!

扫描意味着他们只有在眼睛被吸引的时候才会停下来阅读。

作为设计师,需要很好地控制用户的阅读路径,帮助用户处理信息,今天分享的这个视觉动线方法希望可以帮到你。

大家可以想象一部电视剧,每一集从一个场景转移到另外一个场景,这些场景会有连续性,每一个场景之间有顺序。

不知道大家有没有去过上海迪斯尼,其中一个项目加勒比海盗,在迪士尼的设计中,动线往往是里面很重要一个环节和流程。

进场:从进场开始,光线越来越亮,门口用巨大的海盗建筑和石头的海盗旗,慢慢把你带入到电影里面的场景

入口:潮湿的墙壁,昏暗的灯光,金币宝箱,破旧的木头,低沉的音乐让你瞬间进入电影世界

航行:骷髅人和你招手,发出让人惊悚的笑声,同时还伴随海水的声音,让我们的感官和听觉都紧张起来

氛围:阴暗的灯光里面到处是悬崖峭壁,以及反派的出现,水流也越大越大,瞬间把我们置身于电影之中

氛围:水面慢慢平静,眼球突然出现一艘大船,船体突然失去重力,伴随着巨大的海浪声

高潮:昏暗的场景突然明亮起来,巨大的海面和行使的船只就在眼前

高潮:船长和他的战士就在这里互相作战,伴随着浓浓炮火的声音

收尾:伴随着音乐声和平静的海水声慢慢把观众带回现实

上述就是迪士尼在动线上的经典设计,整个路径伴随着听觉、视觉,让你感受非常好,我们做产品也是如此。

最近新零售很火,各种生鲜店,那么这些店在设计时候为了保证效益最大化,设计中要让每一个角落被利用起来,就需要设计顾客的游览动线,动线直接影响了店铺销售额。

用户的购物动线,一般分为l型、f型、曲线型,大家有兴趣可以去了解下。

上图丝袜中,哪一个看起来让人更显瘦呢?

在一些国外电商中,同样通过设计上的动线引导增强用户购买欲望,在左侧的图片中,丝袜加了几条垂直的线条,使得我们觉得这个丝袜穿身上会让人腿显得更长,其中就是运用到线条垂直延续感,制造动线。

那么哪一条看起来更加修长?

很明显只有一条线是不够的,设计师又加了多条线,两个产品中,左侧比右侧看起来更加苗条和修长。

哪一条看起来更加丰满?

如果为了让大腿更加丰满,更大胆的颜色,往往能吸引更多灯光,给人丰满的另外一个诀窍就是图案设计,图案看起来比较复杂,能传递出复杂性,能欺骗大脑。

上面案例看似和设计无关,但是却很有关系,里面蕴藏着很多心理学,很多视觉动线的思考。

上面和大家介绍了什么是动线,其实就是人们眼睛在处理信息时候的顺序。设计中我们需要去了解这些用户视线规律,从中去创造更好的体验。

那么回归到设计中,有哪几种动线类型呢?

f型案例

当读者用户阅读时候,他们看见喜欢的东西时,会横向阅读,因此在热力图上能清晰看见用户浏览顺序呈现f型。

z类型

从左上角开始到右上角,保留着从左到右的习惯,然后眼睛会寻找到最后部分,寻找到页面的底部。

对角线类型

在遵从从右到左阅读习惯基础上,一个更优的布局形式;由于我们已经习惯了从左上角到右下角的扫描习惯,这里面包括4个项线,后面的分享中我会详细和大家分享。

从字面意思可以看出,z形布局是沿着z的图形追踪,用户在扫描时候从左到右,从上到下,这是眼睛在页面中的自然移动模式。

在uber的官网设计中,就是一个很典型的z形引导布局,首先遵从用户习惯从左至右,所以左边放公司品牌logo,右侧是页面中的司机和乘客登录入口,下面是氛围图片区域,左下角是新用户注册入口。

这是一个典型的z布局,在很多网站设计中都运用比较多。

z形结构不会把注意力放在文字为核心,往往是突出行动按钮,在一些极简的设计项目中运用较多,往往只需要一个简单的图片和文字,关键的行地点案例,作为突出即可,遵循这种自然规律。

这种结构很有效,因为当用户在这种模式上移动的时候,就会出现一个虚构的z形状。

salesforce也是采用z布局,从左到右分别是logo和行动点,下方从左到右是导航菜单和按钮

z布局,在平时网页设计中尤其运营频繁,它适用于大多数网站设计,在传递品牌同时,也能很好地凸显内容

在最早期的时候,杂志,报纸,里面没有任何图片,文字和标题,只有长篇文字,列和列。在这么一个很枯燥的设计中,用户一般会遵循z型来浏览。

之字型布局

我们可以理解为z的重复排序,有一些的z型布局出现,用户的路线,从左到右,再开始从左到右,这种有一个z运动的浏览我们叫做之字型动线。

前面有聊到视觉动线,以及经典的动线z,那么在设计中我们如何去运用呢?

当我们设计一个网站或者海报时候,在布局之前先问自己几个问题:

z布局的前提其实很简单,在页面上加上z,然后把重要的信息放到z上,让用户在扫描路径上看见这些重要元素。

所以z视觉动线,最核心的是你需要传递给用户那些有价值的信息。

eveynote

在用户打开这个页面,希望用户注意到品牌,然后去注册或者登录,通过文字简单了解这个产品信息。

z型结构也有缺点,作为控制用户视线移动的模型,它很容易受到外界元素干扰,并且让用户实现脱离我们设定好的轨迹,因为用户在浏览时候总是容易被图片或者明亮的元素吸引。如果你准备运用z动线时候,一定需要平衡好这些元素,不要过多干扰核心功能操作,否则达不到好的预期。

之后我会和大家分享一下f型的动线,也希望大家在设计中多去观察一些更加高级的方法,不要只局限视觉表现。

sky,微信公众号:我们的设计日记(id:helloskys),人人都是产品经理专栏作家。支付宝体验设计专家,阿里巴巴天猫设计专家;10年知名互联网公司设计经验,对于产品从0到1、品牌定位、金融产品、设计规范、运营规范、大促等有丰富实战经验。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自unsplash, 基于cc0协议。

随机推荐
  • 覃异之:保护南京基础设施免遭破坏

    4月20日,南京局势急剧动荡。覃异之对此坚决反对,他劝说张耀明:“破坏这些设施,将会丧失民心,并给撤退工作增加难度。”于是火速派人赶到首都电厂护厂,并派出纠察队前往车站、码头及水厂警戒,严防特务破坏,同时要求部分纠察队队员维护街头秩序,保证南京城市和百姓的平安。覃异之此时的想法是,应该尽量减少战争的损失,将南京古城和平移交给解放军。此次事件,时称香港起义。覃异之表示服从组织决定。 [详细]

    2019-12-29 11:02:22
  • 忽悠媳妇河边烧烤,既能钓鱼还解决后勤问题...

    老孙也是才到不久,夜生活正式开始,三兄弟干一杯,大鲫大鲤!火已生好,只等大鱼上岸。没上货,午饭还得吃,涨了5块,肉分量也还可以,看起很油腻老孙才入坑,装备不齐,东拼西凑勉强应付。晚上九点过,收拾行李,250公里连夜赶回。 [详细]

    2020-01-07 16:24:30
  • 文徵明三大小楷代表作

    文徵明,明代画家、书法家、文学家。与祝允明、唐寅、徐祯卿 并称“吴中四才子”。今天咱们来欣赏文徵明三大小楷代表作:《琴赋》《草堂十志》《千字文》。文徵明《琴赋》中题款道:“余老眼昏蒙,无足观者”。而文徵明于七老八十时,仍钟情于小楷,实属罕见!文徵明诗文亦富有造诣。 [详细]

    2020-01-07 12:00:27
  • 天津口岸提升营商环境创新举措落地开花

    9日在中国科学技术馆举行的一场报告会上,国际宇航科学院院士庄逢源向在座的中学生连续发问,引来孩子们冥思苦想、积极作答。当日,他与国际宇航科学院基础科学学部院士、中国科学院国家空间科学中心研究员、博士生导师徐荣栏,一同应邀参加庆祝2019年世界空间周科普报告会。庆祝2019年世界空间周科普报告会由中国国家航天局主办、中国宇航学会、中国科学技术馆承办。 [详细]

    2019-12-31 09:38:13
  • 土耳其当局人为制造钱荒 新兴市场蔓延恐惧重燃

    从南非兰特到巴西雷亚尔,很多新兴货币的预期波动率出现飙升,暗示它们可能会在下个月与土耳其里拉一起成为最大输家。这种波动率急升让人们想起了去年的走势,当时土耳其里拉大跌引发新兴市场的恐慌性抛售潮。里拉的波动率创下自2004年以来最大四天涨幅,因为土耳其当局采取措施制造本币稀缺以防止其贬值。这次选举将考验总统埃尔多安的受欢迎程度。是否会进一步下跌将取决于土耳其当局采取的行动。 [详细]

    2019-12-24 08:24:41
  • R星神优化,PC版荒野大镖客2配置公开,是台电脑都能玩?

    《荒野大镖客2》登陆pc的消息让玩家们激动万分,可考虑到游戏在ps4上的表现,以及r星承诺pc版大镖客2的画质将比ps4版的更高,大家不禁开始担心自家电脑配置是否能达到要求。pc版大镖客2的容量为150gr星不仅要让大镖客2登陆pc平台,还要让这游戏登陆谷歌云游戏平台stadia,由于云游戏对电脑配置没有要求,你甚至可以说“是台电脑都能玩大镖客2”。 [详细]

    2019-12-25 11:39:04
  • 五大行理财子公司聚齐!1元起售的理财产品约吗?

    截至目前,五大行理财子公司已悉数开业,并推出了新产品。目前,一元起售的理财产品已经推出。国家金融与发展实验室副主任曾刚此前表示,理财子公司的建立,将丰富银行理财产品体系、拓展营销渠道、创新运营模式,实现管理制度专业化、发展模式差异化。理财子公司建立之后,无论是在资金端还是资产端,均超越银行此前在体系内部经营理财的范围,银行理财产品体系将更加多样丰富。 [详细]

    2019-12-29 14:48:58
  • 「每日质检」多家天猫店销售不合格食品 小心海蜇中铝残留量超标

    但若长期过量食入苯甲酸超标的食品可能会对肝脏功能产生一定影响。对上述天猫店销售的不合格食品,市场监管部门已全部进行了网络下架删除处理。但在水产品及其制品中,铝的残留量必须符合标准规定的限量。海蜇铝残留量超标原因多为明矾使用不当引起。 [详细]

    2020-01-07 17:40:46
  • 中金网1104资讯早读:沙特阿美石油公司首次公开募股

    对“毛地”地块开发商无意实施或要求超越规定的,将在年内依法启动收回开发权。万科旗下几大区域的薪资结构调整正在进行之中。年内推动四项开放措施落地。深圳市国资委拟将持有的天健集团全部股权转让至建设控股集团。截至目前,贫困村通宽带比例达到97%,纳入电子商务进农村综合示范项目的贫困县网络零售额超过1700亿元。 [详细]

    2019-12-27 15:15:00
  • 大暴雨开车不这样做,简直就是送死!

    在雨天开车还有适当的加大加长车距。因为雨天的路面会非常湿滑,制动距离也会相应的加长,如果和晴天开的同样近,可能导致刹车不及时,追尾前面的车辆,路上的泥沙和水坑也会对行人和自己造成威胁。如果雨势非常大了,你的雨刮器已经到了最快的频率,还是没能看清挡风玻璃的路况,能见度极低,要马上开启前后雾灯,这样就可以让周围的人看到你的车了,还要继续保持低速行驶。 [详细]

    2019-12-26 15:35:38