3完美极简主义Web界面的技巧

发布时间:2019-08-30 10:12:16 阅读:41

极简主义现在是一种流行的风格,既有视觉吸引力,也有实用的好处(加载速度更快,理解力更强等)。

下面,我们将讨论最能定义极简风格的3种技术,以及如何应用它们的实用技巧。将它们添加到您的设计中,以创建完美的极简主义网站。

1.疯狂的色彩

在设计之前,我们看到了对英雄形象和视频的关注 - 这种趋势仍然非常强劲 - 但最近的转变一直是色彩作为主导元素。大颜色取代了我们习惯用最少的设计看到的一些更典型的白色空间。

因为极简主义涉及剥离不必要的元素,所以强焦点区域很重要。这就是大而大胆甚至疯狂的颜色。

令人惊叹的结果借鉴了我们在平面和材料设计趋势中看到的一些颜色。这创造了一个简单,引人入胜并需要关注的整体外观。

image03

照片来源:Studio Lovelock

Studio Lovelock使用一缕颜色来创建一个吸引用户的全屏标题。文字很简单,没有任何额外的点缀或文字。添加非典型的底部屏幕导航菜单以将焦点保持在主图像上,但提供滚动的提示。在滚动图下方,网站使用卡式元素中的相同大颜色来移动用户完成设计。这使得导航内容既简单又视觉上吸引人,而且简单而优雅。

image06

照片来源:吃得好

如果Do Eat网站有白色背景,我们甚至可能不会猜测它是否可以被认为是最小的。而这正是明亮的黄色背景的原因。它创造了适当程度的惊喜来吸引用户。网站设计的其余部分简单易用,只需点击可点击的元素和信息。

使用疯狂颜色的提示

  • 选择具有深度饱和度的粗体色调
  • 混合搭配明亮的颜色搭配白色或黑色字体
  • 使用单一颜色作为主要调色板,包括背景
  • 小心计划“太多颜色”并混合彩虹式调色板
  • 让颜色成为设计中唯一的“技巧”,并保持其他一切精简

使用“疯狂”颜色选择可能是让项目进行整容的最有效方法之一。对于最小的设计来说,这是一个很好的选择,因为仍然有很多视觉兴趣和颜色可以增加新鲜感,而黑色和白色的设计可能会更加缺乏。

2.时尚字体

当有人说“极简主义排版”时,你会想象出什么样的字体?

也许是Helvetica。或者看起来很像它的东西,具有足够的中等宽度和简单的笔触,以高度可读的无衬线字体组合在一起。

当然,这将是简约设计的排版的教科书定义。但它不一定是唯一的定义。

当框架的其余部分被剥离到最基本的设计时,更时髦的排版选项可以作为主导元素,同时提供其文本消息。复古或复古摇滚类型和堆叠类型是历史悠久的设计师最爱。如果使用得当,它们可以为最小的风格添加火花。

image00

照片来源:平面文件

平面文件使用引人注目的衬线 - 确切地说是ITC Caslon No. 224。这种类型是粗糙的,给它一个轻微的质感,感觉艺术,并且像内容的关键组成部分。简单的滚动效果有助于实现这种极小的美感,因为有关网站的一切都非常简单和舒适。

image02

照片来源:Exoskills

虽然Exoskills看起来并不像Flat File,但它还将简单的美学,导航和感觉与大胆的排版结合起来作为主导元素。多级堆叠排版提供了一种以可读方式显示信息的有趣方式,这是它变得越来越常见的一个原因。作为一个额外的好处,它还创建了正确的层次结构,告诉用户什么是重要的。

这种引人注目的排版和最小设计的结合是需要传达简洁,和谐和组织的设计项目的绝佳选择。更重要的是,极简主义字体是缺乏其他元素或希望用户专注于在屏幕上阅读消息的设计的起点。

当谈到这种文本沉重的风格时要注意大小。在较小的设备上,重要的是要观察响应式排版的大小 - 特别是使用更复杂的字体 - 以确保可读性保持不变。

使用字体趋势的提示

  • 使用时尚排版用于特定目的,例如徽标或标题
  • 复杂的字体,例如复古的垃圾,通常需要以更大的尺寸显示
  • 不要因为它很酷而抓住新的字体; 它应该与项目的情绪相匹配
  • 并非所有趋势字体都能以最小的方式工作; 缺乏长尾巴,花饰和蓬勃发展的款式是最好的选择

字体趋势可以快速发展和变化。只有当你经常调整设计时才使用这种技术,否则你最终会得到看起来过时的东西。通过将类型趋势应用于设计的非常特定的部分,例如在英雄图像或主导航中,您可以轻松地使用流行趋势,并在需要时更改路线。

3.紧凑的导航选项

当您考虑最小化设计时,导航并不总是首先想到的事情之一。这部分归因于设计本身。许多最小的设计实际上隐藏了部分或全部导航以简化视觉效果。

4,添加先进的交互

照片来源:在UXPin中为导航抽屉设计原型

例如,经常争论的汉堡包图标,以及相关的隐藏导航。堆叠图标扩展为完整的菜单项列表仍然是一种流行的设计选择,尤其是在最小的框架和移动UI中

image05

  照片来源:Voltage New Media

Voltage New Mkedia对此图标略有不同单击偏离中心的汉堡包图标,它将扩展为半屏风格的导航菜单。

这种风格通常只是一个包含简单徽标和链接选项列表的彩色框,非常受欢迎且不断增长。它以最小的风格工作,因为你可以用一种用户理解的方式从主画布中去除大量“垃圾”但必要的元素。(喜欢或讨厌它,几乎每个人都懂得如何使用汉堡包菜单。)

image04

照片来源:阿迪达斯

最小导航的外观在具有更复杂美学模式的设计中也在增长。以英国的阿迪达斯网站为例。

主页(减去繁忙的纹理背景)是稀疏的。有一行简单的首页导航,屏幕底部有一个弹跳箭头,可帮助用户在屏幕左侧滚动更多隐藏的弹出式导航元素。所有这些技术通常都以最小的设计为特色,易于理解和使用,即使网站设计更复杂。


我们在微信上24小时期待你的声音
解答:网站优化,网站建设,搜索引擎优化,APP 开发,小程序开发

非常感谢您有耐心的读完这篇文章:"3完美极简主义Web界面的技巧",此文章仅为提供更多信息供用户参考使用或为学习交流的方便。如果对您有帮助,请收藏我们的网址:https://www.91webs.cn


18617670560