网页中的大字体设计

用户头像
北京/教育工作者/6年前/296浏览
网页中的大字体设计

网页中的大字体是我们讨论的主题。这种趋势不能被称为全新,但依然有很大的研究价值。

网页中的大字体是我们讨论的主题。这种趋势不能被称为全新,但依然有很大的研究价值。

大字体用于放大消息并增强第一印象。其进步的关键在于精心设计的空白。带有巨大标语的网站留白效果很好。我们来看一些例子


得益于巧妙的菜单链接,CTA和子标题,以及足够的空间,标语感觉非常丰富。字体很普通,但在这种情况下,正是用户所需要的

rainfall是一个类似的例子。尽管背景不是纯蓝色的画布,但是画面衔接很好,以使得页面中心的标语吸引人们的注意。

当然,并不是所有的网页设计都可以遵循这些原则。总是有一些要求显示品牌标识或将重点放在按钮上的界面。即使在这些情况下,大字体也很可以使用。


尽管视觉区域内容很丰富,并且在屏幕上散布着逼真的实体模型,但“ Krasa”一词却非常醒目。

先前的网站证明,大量的空格不是增强大字体的唯一方法;对比也是一种有力的工具。


尽管该公司名称的字号小于前两个示例,但是黑白之间的鲜明对比非常出色,突出了一个词。

如果无法选择对比度,请选择一种时尚的叠加技术。通过这种对比,粗体字体可以得到很好的展示。


有几件事促进了大字体的发展。第一个是图像背景上方的半透明渐变样式图层。它并不能为内容创造完美的基础,但是足以使这个吸引眼球的词打下坚实的基础。第二个是简短的强调,增加了视觉上的重量。

现代大字体

让我们转而关注具有现代趋势的网站。人性化就是一个例子。有几件事情需要注意:

  •   优雅的版式;微妙的字母形式,有点拉长

  •   周围有一留白

  •   完美对比

  •   没有多余的内容

  •   一个或两个互补的细节,可以是静态的,也可以是动态的,着重于刻画文字以及使页面不沉闷


强大的串联

大字体可以从与其他元素的交互中受益。如您所知,涉及遮罩技术的版式出现了巨大趋势-大字体中填充一定的背景,使其以一种更真实的效果呈现。


一点动感

具有巨大的全屏高度字体,还由具有动态行为的其他小字符精心构建而成。这是一个有趣的把戏。另外,由于巧妙地操纵了背景的配色方案和几何图案,右侧的常规文本块也有自己的位置。


该公司的名称几乎占据了整个屏幕,但并没有让人感到不舒服。所有字符都是由恒定流量的微小颗粒构成的。它们没有过于密集,因此可以保持轻盈的感觉。

结论

大字体设计可能不太好掌控。但是,通过对当前趋势进行一些巧妙的运用,不仅可以轻松传达信息,而且可以给人留下深刻的印象。请记住,添加空格,增加对比度和几个互补的细节是您成功实施设计趋势的方式。


2
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】会员icon
【新年UI图标】影音icon
Security Camera UI kit
UI通用设计素材1
智能家居中心 简约 UI设计组件库
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
新拟态风格 UI设计组件库
高级表盘系列UI源文件
我的钱包-UI界面设计-app
拟物风质感写实UI卡片合集源文件
【新年UI图标】游戏/娱乐icon
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
UI应用平面图标
科技医疗透明柜UI界面设计
【新年UI图标】钱包icon
新能源APP应用UIKit
盲盒APP UI设计
【新年UI图标】珠宝icon
高级感金属拟物 UI设计组件库
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册