恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
5个思路来设计网站上看到的大块横幅
0.0°
2015-01-21 自译外文 经验/观点 原作者: rafaltomal 举报 6124 50 22 2

网站中的大图用到的很实用理论

最近,你可能会在网站上看到大块的横幅,我很喜欢这个趋势。我觉的大块的横幅定位在页面中很不错,因为他们简单并集中。

通常有一个标题,一个消息和一个行动号召。周围没有干扰和立即邀请你来探索网站的提示。这是很强大的,是正确的设计。

当然也涉及像布局,颜色和背景图像的许多设计元素。然而,标题信息在这里最重要。这就是为什么在设计网站中我根本无法

阻挡强调排版的重要性。

事实是,如果你能掌握设计的美观和易读性,可以通过设计一件东西(我猜“一件事”一书由加里·凯勒对我产生了巨大的影响...

看看吧,如果你尚未看过它)。

下面介绍,如何使你大块的横幅排版看起来很棒的5个最佳做法和想法:

1.超大胆标题

使用粗体得到一些关注,或使其有影响力。非常醒目的字体将覆盖一个大的空间。尤其对于短标题,当你使用sans-serif字体时。

让我们来看看一些真实生活中的例子:

2.使用微妙的草书有衬线字体。

这是一个很酷的技术,让您的标题看起来很性感。异性相吸在现实生活中和网页设计中。我们的眼睛喜欢对比,你可以使用此方法设计排版。

试着做一个非常微妙的和草书衬线字体对比的无衬线字体标题。这两者的结合可以给你一些非常惊人的结果。

你可以使用相同的原则,拌入瘦小的无衬线字体和用大胆的衬线字体对比。无论哪种方式,都可以通过这个美丽的反差吸引人们。

让我们来看看这些例子:

3.使用大写时增加字母之间的宽度

大写字母是不错的大标题,可添加字母间距来提升和突出你的标题。它会很好看尤其是如果你的标题包含一对词组,或单一字母时。

但是,请记住字母间距小写时要非常小心。也有少数例外,它在必要时(能提高可读性),Robert Bringhurst这本书提醒说,

字母间距大约:如同 Goudy 所提醒的,“一個會小寫字母的男人也會偷牽羊”,原因是因为特意在內文小写字母里取字元间距,会影响阅读韵律。

但也有一些小写字母用此原则并不适用。适度的字母间距可以做个鬼脸,如小写UNIVERS加粗更清晰。

看看一些大写的标题增加字间距的一些美丽的例子:


4.使用一个又大又薄的字体

这可能是完全相反的,但并不意味着不对。大而薄的字体会很好,尤其如果你的标题有点长时,但使用粗体,字母有些太重了。

如果你想快速找到一些免费的网络字体,可去谷歌的字体。

让我们来看看薄的字体在现实生活中:

5.添加一些颜色单一的文字

通过改变单个字的颜色或标题的一部分,这会是怎样的视觉模式。我喜欢这个技术,因为它可以得到一些

快速的注意,甚至能通过把更多的重量,用一个特定的关键字强调信息的重要性。

甚至可以添加一些动画或使它们可点击来增加互动,如果是你的用户,这是非常有趣的,并愿意探索更多。

看看这个例子:

完。

如果你刚刚设计了一个网站,希望以上这5点中,能有帮到你。

在中文的网页中,也可灵活应用。

在翻译这篇文章的过程中意外的收获了一个关于字体的网站分享给大家,网址:http://cn.justfont.com/

更新:2015-01-21

收藏

50人已收藏

viewworld909

越努力,越幸运。

  • 31

    作品

  • 307

    粉丝

  • 48

    关注

  • #每周临摹#ps制作文字长阴影
  • 在Photoshop里设计一个圣诞节的电子邮件通讯
  • 如何在ps里创建扁平图标
  • 不符合阅读习惯的信息流
相关标签
IFEC译文设计

    猜你喜欢

      2015-01-21 自译外文 经验/观点 原作者: rafaltomal 举报 6124 50 22 2

      5个思路来设计网站上看到的大块横幅

      0.0°

      你确定要举报5个思路来设计网站上看到的大块横幅

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年01月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      50
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录