网页设计——不守规则其实很酷

网页设计——不守规则其实很酷

　　为了稳妥起见，或者因为已经养成的思维惰性，我们习惯了按规则行事——迷信权威，墨守定规，脑子里不知何时长出的一把“准尺”，把我们卡在一个迈不出的安全的、熟悉的领地。即便是以“创新”为精神内核的设计规划师，有时候也会陷在这样那样的“规则”里，例如书上的知识、老师的经验、熟知的理论、大拿的建议，这些曾作为十分有用的养分提高提升了我们的设计规划能力，但日久天长却也限制我们的水平。

　　随着新技术的持续引入以及人们难以琢磨的审美变化，设计规划在过去的时间里不断展现非凡的创造力。这些改变直观地反应在了页面结构网页设计多变的趋势里，它们有所传承但更多的是创新，带着不同时期的特色“野蛮生长”，那些已经成为桎梏的曾经的规则，是时候打破了。

　　01 在页面结构网页设计中使用非衬线字体

　　基于可读性的考虑，在页面结构网页设计中使用非衬线字体一度被视为金科玉律。虽然无衬线字体是长时间阅读网站页面的首选，但由于衬线字体更能突出设计规划感，且随着设备分辨率不断提升提高，也给设计规划师在屏幕上使用衬线字体大开方便之门。事实上，越来越多的公司品牌在其他方面（如title标题和标注）已经开始了这方面的大胆尝试。去年，苹果（Apple）公司企业在其调整更新的iOS系统中，为Apple Books带来了全新的设计规划：所有的title标题字体都被换成了衬线体。

　　良好的可读性是如今评判某种字体放在网页页面中是不是是否合适的一个新的依据，这就意味着可供选择字体的范围逐渐扩大，这包括包含衬线体、非衬线体，甚至是手写的以及其他各种新奇的字体样式。

　　image图片来源于互联网网络

　　美国著名市场研究公司企业尼尔森诺曼集团（Nielsen Norman Group）曾做过针对显示屏升级影响页面结构网页设计排版准则的专项研究，研究提出了以下结论：随着计算机屏幕的升级，衬线体和非衬线体之间的可读性差异也逐渐减弱，因此没有强大的可用性原则来支持一者一定优于另一者。而至于如何选择，可参考公司品牌形象或者一个特定的排版样式风格所传达的情绪。

　　image图片来源于互联网网络

　　不过，更多选择不代表可以肆意使用各种字体，基于用户体验用户评价的考量，在考虑选择哪种字体时还有几点需要注意：

字重选择中等或者常规，超细或细体可能很难阅读。 使用x高度相同的字体搭配，字形瘦高的字体可能带来可读性的问题。 纯文本文字间隔要合理且一致，不要过度使用连体字和花体字。 只有在明确意图的情况下，才对小块文本信息使用华丽的字体。 在大块的信息内容中使用清晰易读的衬线体字体或者非衬线体字体。

　　所以，去他的“非衬线”，选择可以表达你自己期望的个性、样式风格与情感的一切可用字体吧。

　　02 摒弃大胆醒目的背景

　　在很长一段时间里，白色和明亮的中性色（如浅灰），似乎是网站站点背景中唯一可以被接受的颜色。但由于颜色可以给用户使用者留下很好的第一印象，为设计规划设定基调，也是打破以往沉闷的设计规划模式，所以大胆、明亮的背景颜色同样可以成为一个很好的背景元素。

　　image图片来源于互联网网络

　　在选择此类大胆的颜色时，另一个规则要求我们“控制配色方案中的颜色数量”。对于一些独特的公司品牌而言，控制配色数量是有必要的，不过在一些个人设计规划项目当中，还是可以适当的做一些探索的。

　　image图片来源于互联网网络

　　在Google推出的设计规划语言Material Design中，其配色系统就涵盖了许多明亮的色彩，无论是高雅的还是俗气的，都被统一到了这套配色方案中。而事实上，许多大牌尤其青睐斑斓的颜色，越来越多的网站站点也开始使用颜色来帮助创造有趣、迷人的感受体验。对于页面结构网页设计而言，可以考虑将更多的流行色彩以多种方式融入到页面结构网页设计项目中。这里有些或可一用的小技巧，但仅供参考：

考虑将色彩叠加到照片上。 选择明亮的title标题颜色。 把中性色的背景更换成更值得纪念的东西。 为CTA按钮增加添加更加明亮的色彩，而它们不必都是红色或蓝色的。 使用不同颜色的悬停状态来鼓励交互。

　　所以，放弃单调、沉闷，找到一方更宽广的色彩虚拟空间大胆探索。

　　03 创建对称平衡

　　在我们刚刚开始设计规划生涯的早期，大概见过许多经验丰富的设计规划师致力于推动完美对称的设计规划，并籍此追求一种和谐与平衡。而在我们“见多识广”之后回头去看，发现许多这样的概念都十分无趣并且过于保守。

　　而当我们突破这种中规中矩的框架之后，不对称的设计规划可以帮助你创造更多的视觉兴趣点，也更容易吸引用户使用者的注意力。而与此同时，采用不对称的设计规划相对而言更加省心省力，因为无需为了对称而精确拆分信息内容，也不用为了所谓平衡的而过分斤斤计较信息内容部署布局。

　　image图片来源于互联网网络

　　打破“平衡”，在设计规划项目中采用不对称的设计规划，可以考虑以下几点来创造一种和谐的、具有视觉流动感的网页页面：

平衡元素与留白相互对应。当与留白配对时，不对称的元素会感觉更平衡，也更为突出。 沿着视觉流向来排布信息。按照人们的阅读习惯确立建立一种图文的逻辑关系，让image图片元素引导用户使用者去查看浏览纯文本文字信息。 使用色彩来创建视觉焦点。

　　信息内容排版不仅仅只有对称的形式，脱离保守的部署布局，突破形式上的对称，创造感受体验中的平衡。

　　image图片来源于互联网网络

　　打破陈旧的规则很酷。但“破旧”是为了创新，打破某项规则主要还是服务于设计规划目标。万博思图在所有网站制作网站建设项目中都会遵循着一点——页面结构网页设计创新致力于完美达成设计规划目标，为客户使用者交付完全符合预期的项目成果。我们认为，为了“破坏”而破坏，为了标新立异破坏设计规划规则，“不守规矩”就一点也酷不起来了。

转载自：网页设计——不守规则其实很酷

网站建设服务

悉知科技是一个有着12年经验的网站建设开发公司，品牌建站/外贸网站建设/谷歌营销推广/品牌营销策划，这些我们都能帮您搞定！

在线咨询

网站建设制作方案是什么 ? 报价多少钱 ?

获取建站报价