服务热线:400-0033-166
万商云集 - 企业数字化选用平台

企业首选的

数字选用平台

网页设计中的不对称设计都有哪些?

2020-11-26 16:09:42 阅读(163 评论(0)

编者按:在网页设计过程中,对称与不对称似乎是一种选择。和谐与不对称的差异是创造良好设计的必要手段。但对称通常用得很好,但不对称并不是每个人都熟练使用的。在今天的文章中,让我们简要谈谈网页设计中的不对称设计~在绝大多数情况下,不对称的设计元素可以从其他元素中脱颖而出。如果这些不对称的设计包含按钮、控件或链接,它们通常会比其他部分得到更多的关注。今天,让我们仔细看看网页设计师是如何通过比较、空白和布局创造令人难忘的不对称设计的。不对称的设计不全是外部轮廓的差异,也可以是内部结构的不对称。例如,在图库页面中,每张图都有缩略图,其中一张略大于其它缩略图,这种差异会立即吸引用户的注意。一般来说,不对称设计非常适合将用户的注意力吸引到特定的区域或元素上,这是它的优势。接下来,让我们仔细看看比较、间距和布局是如何产生不对称的效果的。当你去除视觉中的视觉干扰时,你的用户很快就会注意到这些细微的差异。在这个时候,你可能会适当地添加一些效果,比如渐变背景,甚至jquery动画。这种效果可以让页面上只剩下一两个元素很快被注意到。著名Mac平台设计软件Sketch官方网站的设计就是一个很好的例子,深色和浅色被容纳到统一的页面设计中。在页面上,你会注意到两个按钮:深色“免费试用”和浅色“立即购买”。有趣的是,两个按钮大小相同,在同一水平面上,颜色系统相同。然而,“免费购买”的按钮被设计成幽灵按钮,几乎与深色背景融为一体。这样,浅蓝色底部的“立即购买”按钮与背景形成鲜明对比,相当显眼。当你打开页面时,你会一眼就注意到购买按钮,这是通过大量的空白和合理的比较创造的视觉指导。水平和垂直的空白区分了按钮和文本,而按钮颜色的差异对比使其中一个按钮自然而然地凸显出来。这种设计技术非常有用。如果你继续浏览,你会发现页脚也采用了类似的设计:在这种情况下,用户只能提交他们的电子邮件或选择放弃。Sketch希望您在输入电子邮件地址后尽快提交,因此提交按钮与输入框非常接近。根据Fitt定律,两个元素之间的距离越近,用户的浏览和切换速度就越快。值得注意的是,提交按钮的颜色与之前的不对称设计一致,这让你很容易注意到并引诱你点击,这正是Sketch想要的。不对称的设计使扫描页面的用户更容易注意到这些精心设计的“突出”元素。至于布局和空白控制,您可以使用A/B测试来找到最佳比例。从Sketch的官方网站上可以学到这些经验:对比不仅仅是颜色的对比,更是网页上其他控件之间的大小和位置的对比。在不同的布局和情况下,空白可以特别显眼,也可以非常不显眼。周围元素的衬托对其他元素的可见性起着重要作用。对称和协调可以创造和谐的印象。两者的使用应平衡。Procreate的官方网站,留白引导注意力iPad平台上的绘图工具,是一个不同的案例。Procreate的官方网站是一个不同的案例,留白引导注意力iPad平台上的绘图工具。简单扫描一下这个页面。页面整体采用深色配色,整体布局不复杂,页面元素尺寸相当大。在这个超大的页面上,设计师使用单个元素来展示如何绘画。屏幕截图、绘画Demo和功能介绍都占据了不同的块,留白将文本内容和视觉信息分开。在使用文本颜色时,设计师也非常小心:页面部分使用强对比配色,文本部分使用相对较弱的对比配色。通过将页面划分为不同的块,页面自然划分为不同的层次,每个部分都有不同的风格(全屏幕背景、大字体排版、截图显示等),使每个块看起来更加独立。但请记住,这种设计技术并不适合所有网站,但它已经逐渐在设计师圈中流行起来,成为一种设计趋势。假如设计和执行都很到位,看起来还是挺不错的。乍一看,内容和图片的交替布局可能会让用户感到无聊,但如果区块之间的间距得到很好的控制,Z型扫描可以消除阅读的不适。这种方式促使访问者按照自己的节奏阅读,因为这种布局打断了信息的连续性,但使用户成为阅读节奏的控制者。Wunderlist页面采用不对称留白,合理的留白设计使布局有趣而不单调。通过Wunderlist的布局,我们可以总结这种设计模式:·不对称设计的主要目的是引导用户关注页面的特定区域·不对称设计的重复使用可以创建对称设计·图形之间的间隙控制也可以成为一种模式,定期空白可以使内容浏览更简单和预期。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

电商平台代运营要有6个规划,才叫专业,才能选择它

社会发展、互联网发展,迎来的是人们生活方式的改变,企业经营模式的改变。个人在开网店、商家在开网店、企业在开网店,网店数量一直在增加,与此同时电商平台代运营公司也在急速增加。 图片来源于网络 电商平台代运营公司的出现,是为了帮助开网店的个人、…查看详情

优质营销短信:格式规范、商业化、时间化

短信营销是当下宣传效果比较好、成本较低的一种推广方式,同时也受到很多中小型的青睐。优质营销短信不仅切合流量发展的大市场方向,为企业和消费者层面创造更好的体验。企业通过不断对短信内容进行解析升级,创造出优质营销短信,让用户一目了然,部分情景增…查看详情

微信小程序申请步骤

  如何注册申请微信小程序?  1、微信小程序注册在微信公众平台官网首页,按照提示点击右上角的“立即注册”按钮,里面总过有12步,按照要求提交就可以了。  2、小程序申请微信认证政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。企…查看详情

ug是什么软件

UG是用来干什么的?UG软件主要功能是将原有2维平面制图拓展至三维立体制图的软件,主要是迅速帮助设计加工等人员认知产品结构,还可向下生成2维图纸并标注细节尺寸、表面要求、技术要求等。相同类型软件有pro/E,solidworks,CATIA…查看详情

文件恢复软件哪个靠谱呢?你选对了吗?

现在的人们通常都会使用手机或者是电脑去办公,但难免会出现误删的情况,让自己的辛苦付之东流。其实文件丢失了不用担心,可以通过文件恢复软件来成功找回,但作为电脑的菜鸟,怎样选择合适的软件,就成为了人们较为关注的问题,那么文件恢复软件…查看详情

2022年免费有效的推广平台有哪些

  最近几年对于企业做推广来说难度是越来越大,下面万商云集小编就给大家来推荐下2022年免费有效的推广平台有哪些,希望能帮助到大家。  那曾经有哪些属于红利期的营销玩法和渠道?读完这篇文章你能了解到:  1、互联网营销该怎么做?  2、怎么…查看详情

谷歌镜像是什么意思?有什么作用?

  谷歌镜像(Google Mirror)是指对谷歌搜索引擎的镜像站点,也就是把原来的谷歌网站内容(包括搜索结果、谷歌应用程序等)做了一个完全的备份,用户可以通过访问谷歌镜像站点来获取Google搜索结果或使用Google的其他应用程序。…查看详情

注册商标能一样吗?可在不同类别注册相同商标

在这个商标注册成功一天比一天难的今天,在这个最容易因商标相似或相同而被驳回的今天,注册商标能一样吗?答案是,能。具体为什么可以参考《商标法》中的规定。 图片来源于网络 注册商标能一样吗?我国《商标法》规定:同他人在同一种商品或者类似商品上已…查看详情

微信公众号怎么开通 微信公众号开通方法

现在微信公众号也成为了很多企业引流推广营销的一个阵营,但是对于新手来说微信公众号都不知道怎么注册,下面万商云集小编就给大家来介绍下信公众号开通方法。 第一步:4步完成微信公众号怎么创建  1、打开网页搜索并登录微信公众号平台,在页面的右上方…查看详情

电商运营是做什么的

  电商运营是指运用互联网技术和电子商务手段,对电商平台进行全方位的规划、管理和运营,以达到促进销售、提升用户体验、增强品牌影响力、实现商业目标的目的。电商运营是电商企业成功的重要因素之一,它直接关系到电商企业的经营状况和生存发展。  如何…查看详情

跨境电商自建站平台有哪些

如果企业想要得到更好的推广,那么建设网站就是首选。每一家企业所销售的产品是不一样的,有些企业是属于跨境电商,那么在进行网站建设的时候,就应该要注意选择一些比较不错的自建站平台。那么跨境电商自建站平台有哪些呢?这个问题一定是很多的…查看详情

全球范围内好用的个人管理软件详情介绍

在中国,我们更多地接触个人时间管理软件或库存软件。然而,很少有用户知道个人信息管理软件。个人信息管理软件的英文名称是pe1onalinformatiomanagement(个人信息管理),简称PIM,它用于管理我们日常生活中的许…查看详情

初级会计刷题软件哪个比较好?冬奥会计云课堂好用吗?

根据网上数据显示和综合个人的经历。我比较推荐东奥“会计云课堂”,一款集资讯、学习、商城为一体的移动学习应用产品,给各位考生更优质的课程体验和服务。初级会计刷题软件哪个比较好?备受关注的冬奥会计云课堂好用吗? 冬奥会计云课堂的功能? 有三种形…查看详情

视频去马赛克软件有哪些 好用的视频去马赛克软件

现在属于自媒体时代,很多的小伙伴也选择自媒体创业,这个时候视频处理就是很麻烦的事情了,很多的视频会带上马赛克的,下面万商云集小编给大家来详细介绍一下视频去马赛克软件有哪些 好用的视频去马赛克软件这一块的内容。希望能帮助到大家,。  1.完美…查看详情

矿泉水品牌有哪些 2022矿泉水品牌排名

  随着中国经济社会的发展,人们生活水平的提高,人们消费的品牌意识越来越强。重视品牌,反映了消费者生活理念的转变。同质同价的矿泉水,消费者更青睐品牌产品。那么国内知名常见的饮用矿泉水中,下面万商云集小编给大家来详细介绍一下矿泉水品牌有哪些 …查看详情

最新文章