网页设计中Typography的完美应用

最新推荐文章于 2021-09-17 21:44:38 发布
最新推荐文章于 2021-09-17 21:44:38 发布
阅读量174 收藏
点赞数
分类专栏： UI Tools 文章标签： Web Blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18248/article/details/82008034
版权

我们都知道typography多么重要。搭配合适的字体、颜色和特殊效果能极大地帮助你向网页的浏览者传递信息。下面展示的这些网站大多在Header中运用了大字号的typography，也有的在子标题或者其他位置运用typography来吸引读者的注意力。让我们看看其中最好的这些。

Stackoverflow Dev Days

Stackoverflow Dev Days

Get Finch

Get Finch

Carsonified Events

Carsonified Events

PolarGold

PolarGold

We Are Academy

We Are Academy

Joao Andrade

Joao Andrade

Project 365

Project 365

Digital Mash

Digital Mash

Gummisig

Gummisig

Electric Pulp

Electric Pulp

Kyle Steed

Kyle Steed

Agencia De Publicidade De Brasilia

Agencia De Publicidade De Brasilia

Josh Hemsley

Josh Hemsley

Sundance 2010

Sundance 2010

Benny Roth

Benny Roth

Pulchry

Pulchry

Design Wise

Design Wise

Denise Chandler

Denise Chandler

DIBI Conference

DIBI Conference

Dreamerlines

Dreamerlines

FL2’s Blog

FL2's Blog

The Less Is More Tour

The Less Is More Tour

Sourhaze EP

Sourhaze

David Jonsson

David Jonsson

Carsonispace

Carsonispace

Dustin Curtis – Sleep

Dustin Curtis - Sleep

Huge Inc.

Huge Inc

Elysium Burns

Elysium Burns

Made By Giant

Made By Giant

For A Beautiful Web

For A Beautiful Web

Alpha Multimedia

Alpha Multimedia

Design Woop

Design Woop

Soda Virtual

Soda Virtual

Find Me By IP

Find Me By IP

Lorem Ipsum

Lorem Ipsum

iteye_18248
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Bootstrap Learning】-3 字体 Typography
一叶君
04-23 250
1. 选择 Documentation-- 选择 Content -- 选择 Typography 2. px，em，rem的区别 3. 浏览器默认字体大小是16px，行间距 是1.5倍行间距，段落margin-top：0 和margin-bottom:1rem <p>default font siz 16px by default</p> &...
HTML&CSS入门(二)之typography
剪刀手麦小孩的全端之路
11-15 1682
[Dearest Cecilia, the story can resume. The one I had been planning on that evening walk. I can become again the man who once crossed the surrey park at dusk, in my best suit, swaggering on the prom
20 Best Web Typography Tools, Frameworks and Libra
05-05 105
Do you know thatweb designis almost 95% of typography? If not, then let me explain you that a web designer who gets the right typography tools ca...
前端学习（3341）：ant design中Typography 排版使用
歌谣的博客
09-17 1265
import { Typography } from 'antd'; const { Title } = Typography; ReactDOM.render( <div> <Title>h1. Ant Design</Title> <Title level={2}>h2. Ant Design</Title> <Title level={3}>h3. Ant Design</Title>.
Typography 字体
weixin_30508241的博客
03-09 453
Typography 字体 我们对字体进行统一规范，力求在各个操作系统下都有最佳展示效果。 ¶中文字体 和畅惠风 PingFang SC 和畅惠风 Hiragino Sans GB 和畅惠风 Microsoft YaHei ¶英文／数字字体 RGag Helvetica Neue RGag Helvetica RGag Aria...
数据密集型应用的设计 第10章 批处理
zhangw1236的博客
04-07 795
使用Unix工具进行批处理 简单的日志分析 命令链与自定义程序 排序与内存聚合 Unix哲学 统一接口 逻辑和布线的分离 透明度和实验 MapReduce和分布式文件系统 执行MapReduce任务 MapReduce的分布式执行 MapReduce工作流程 Reduce侧的Join和Grouping 一个例子：分析用户行为数据 排序合并的join 将相关数据汇集在一起 GRO...
qq空间网页设计_网页设计中的负空间
weixin_26732881的博客
08-04 860
qq空间网页设计 重点 (Top highlight)Because screens are limited, web design is also limited. It can be said that in the small box of the screen, each pixel is a piece of real estate. 由于屏幕有限，因此网页设计也受到限制。 可以说，在屏...
极简主义_网页设计中功能极简主义的真实性要少得多
weixin_26715991的博客
09-07 1070
极简主义Written by Jessica Bennett 由杰西卡·贝内特 ( Jessica Bennett)撰写 介绍 (Introduction) “Less is more”- a phrase that is currently ruling the design world, whether you consider fashion, interior or web desig...
设计屋响应式网页模板
01-23
响应式网页设计是一种现代网页开发技术，旨在提供跨设备、跨屏幕尺寸的无缝用户体验。"设计屋响应式网页模板"是专为此目的而创建的一套网页布局和样式模板，允许网页根据用户使用的设备（如桌面电脑、平板电脑或智能...
WEB设计中的排版
02-21
首先谈一下“Metro”——由微软公司开发内部名称为“typography-baseddesignlanguage”（基于排版的设计语言）。Metro是基于瑞士平面设计的设计原则（清晰，真实，美观），来源于交通指示牌。生活中人们行色匆匆，更...
On Web Typography
12-21
Typography is your design’s voice and the most powerful tool you have to communicate with your readers. Learn how to wield type with care and wit: how to evaluate typefaces, consider technical ...
matlab下载.pdf
07-14
matlab下载下载方式及注意事项
Android系统原理及开发要点详解-从入门到精通
07-13
Android系统原理及开发要点详解 Java4 Android视频教程 Android开发视频教学 从入门到精通 Android的软件管理器的开发教程视频 Android深入浅出_Android高端课程分享试听 JavaWeb Android系统的手机防盗软件的实现 Android开发入门与实战随书视频 视频列表.txt 0.0MB 开发入门与实战代码.rar 6.1MB 第9章 我来“广播”你的“意图”——Intent和Broadcast面对面.wmv 15.1MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-2.wmv 0.6MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-1.wmv 24.3MB 第8章 移动信息仓库——Android的数据存储操作之Android数据存储概述.wmv 57.7MB 第7章 良好的学习开端——Android基本组件介绍之友好地互动交流——对话框(Dialog)介绍与实例-2.wmv 7.
GESP等级认证 2024年6月 C++一级真题
最新发布
07-14
GESP等级认证 2024年6月 C++一级真题 从官网上刚刚下载下来的,题都是热乎的,这可是最新真题 大家看一看瞧一瞧,走过路过不要错过,免费下载,全篇无水印,不好用随便吐槽我! 涵盖选择题,判断题,编程题,基础知识多,满满的干货,非常建议下载!!!!! 萌新小白来做做题,复习巩固都很合适!
大学生创业计划书(35)三份资料.doc
07-14
大学生创业计划书(35)三份资料.doc
大学生创业计划书(33)三个文档.doc
07-14
大学生创业计划书(33)三个文档.doc
大学生创业计划书(37)三份资料.doc
07-14
大学生创业计划书(37)三份资料.doc
WPF中TextBlock.Typography是只读的
06-02
非常抱歉，我给出的答案有误。在WPF中，TextBlock的Typography属性是只读的，不能直接设置其中的属性。 要设置TextBlock的字符间距，可以使用Run元素替代TextBlock，并在Run元素中设置字符间距。代码如下： ``` <Run Typography.Kerning="True" Typography.StandardLigatures="True" Text="Hello World" /> ``` 在代码中，使用了Run元素来代替TextBlock，通过设置Typography.Kerning属性来设置字符间距大小。需要注意的是，在使用Run元素时，需要将其放置在一个包含它的控件中，比如一个StackPanel或者一个TextBlock中，否则无法正常显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值