设为首页收藏本站

文字排版方式

[复制链接]
745 1

举报 使用道具

回复

1 个评论

良崇威  版主  发表于 2017-4-28 11:54:03  | 显示全部楼层
为大家分享一系列图文排版不错的国外设计网站,也许会给你带来不同的排版灵感。



Bigdropinc

下面的图文的排版是十分常用哦,用法简单,效果好。因为有了图像,文字色彩不能太多,布局以大标题文字 + 一段小字体 + 按钮方式,并居中展现。

还有个小 Tips: 字体与背景要够「靓」哦。没灵感的或赶时间的话,就选用这样的布局吧:)

国外网站设计国外网站设计

国外网站设计

https://bigdropinc.com/

Oribe

看这张排版,人物与文字的凸凹感是有关系的,你看到了吗?SSS


http://www.oribe.com/

LE28 LILLE

le28网站背景是视频来的,当然也可以用图片代替,这里的文字在屏幕左下角的方式呈现,点线面都做得不错。


http://www.le28-lille.com/

Truedigital

和第一张图的用法类似,居中形式,但这个文字比较大,占满一个屏幕。


https://www.truedigital.co.uk/

Aaa

一个个人网站,文字设计先赞一个。鼠标移动到导航菜单会显示不同的背景,又一个灵感可以模仿(抄)了。。。


http://www.riccardomarconato.it/

Activetheory

如果你的文字很短,那么试试像 activetheory 网站一样把字体的间距、行距适当拉宽。




https://activetheory.net/

Google 地图




http://www.google.com/maps/about ... s/petra/#streetview

Because-Recollection

文字动画很 Cool!并提示用户按空格,互动性很高的网站,用创意留住用户,营销设计也是我们设计师要了解的哦。




http://www.because-recollection.com/sebastian

Sehsucht

很简约的网站设计,连英文字体也被精简了。




http://www.sehsucht.berlin/

Finnlough

使用了

手写字体

风格,设计师不要只管看首页,试试「使用」这个网站,你会发现很多体验不错的小细节。




http://www.finnlough.com/en

Oursroux


http://www.oursroux.com/

Gelateriadelbiondo

粗字体与细字体排版


http://www.gelateriadelbiondo.it/en/

Kret


http://kret.com/en/

Moteurdereussites


https://moteurdereussites.withgoogle.com/

Marie Sixtine


http://www.marie-sixtine.com/fr/

Cultureexperiencedays

排版有点艺术感,有木有?此网页是横向滚动的,所以此网站的排版也是以横向设计为主,


https://cultureexperiencedays.adami.fr/#_home

Codetasty




https://codetasty.com/

Loppist


https://loppist.com/


浏览网站   https://quiver.net/

Natan

当重点是展示人物的时候你的文字不应该太抢眼。


浏览网站    http://natan.be/

举报 使用道具

回复
搜索
热搜: java python UI HTML5

图文热点

客服中心

4006-371-555 周一至周六 9:00-19:00

关注我们

  • 关注官方微博
  • 关注官方微信
快速回复 返回顶部 返回列表