国外设计网站图文排版超赞！字体风格与布局值得学习

网站首页首个屏幕的布局极为关键，常常左右着访问者的去留选择，尤其对于当前流行的扁平化网页设计，对图文组合的安排更为讲究，由于缺乏华丽的多媒体装饰，核心目标在于清晰呈现信息内容。现在向各位推荐一批国外制作精美的图文排版范例网站，或许能启发你崭新的设计思路。

这些案例的版式设计令人满意，值得借鉴，尤其要关注它们所采用的字体类型，这对于我们来说同样具有启发意义。

Bigdropinc

这种图文组合的布局方式非常普遍，操作起来不复杂，呈现效果也很出色。由于画面已经存在，文字的色调不宜过多，整体排布通常是大号标题，搭配小字体的段落，并配上一个按钮，整体需要居中呈现。

另外有个小提示：文字和底色要够吸引人，这样才好看。要是实在没想法或者时间紧张，不妨试试这种排版方式，会很有帮助的。

Oribe

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

LE28 LILLE

该网站采用视频作为背景素材，当然也可以选用静态画面来替换，页面文字信息位于视窗左下方位，点、线、面等视觉元素的设计都相当出色。

Truedigital

与首图应用方式相似，采用居中布局，不过该处字样尺寸可观，足以铺满整个视窗。

Aaa

这个个人站点，版式规划值得称赞。指针滑过目录栏时，背景图案会随之变换，这种构思很有启发性，值得借鉴。

Activetheory

倘若你的文字篇幅不大，那么可以参考 Activetheory 网站的做法，适当地增加字符间的距离，同时调整行与行之间的间隔。

Sehsucht

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

Finnlough

采用手写体式样，设计者不应仅限于审视首页，不妨去探查「运用」此平台，便可见许多值得称道的小巧设计。

Oursroux

Gelateriadelbiondo

粗字体与细字体排版。

Kret

Cultureexperiencedays

这个版式颇具匠心，是不是这样？这个站点采用水平滚动模式，因此其整体布局也以横向构造为主。

Codetasty

Loppist

Quiver

Natan

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

产品主管最关键的才干并非某个特定本领，而是促使恰当事项接续出现

最近发生了两件有趣的发人深省的事情。

最近注意到我们网站新闻标题在不同系统上显示长度存在差异。部分设备能完整展示，另一些则少一个字符。这种情况并非首次发生，早先我曾模糊地认为可能与字体显示效果有关，因此只是通知了负责该产品线的经理进行核查。之后无意中向技术人员咨询了，技术人员未说明缘由，仅提议我们应加强字符数量的管理，以防止在各种场景下呈现效果出现出入。这件事情到此便告一段落了。

上周这个问题再次冒头时，我顿时感到有些心急如焚。紧接着便陪同负责此事的同事赶往现场进行实地考察。经过查看两三台设备，我大致推断出了症结所在。回到办公室后，我将疑难问题输入搜索引擎，轻轻按下回车键，仔细浏览了前三个搜索页面，便彻底明白了事情的来龙去脉，并且寻得一个更为优化的解决途径。从开始到最后，整个过程耗费的时间不足半分钟，成功化解了此前一直困扰却束手无策的难题。

第二件事来自前公司的老同事，此人做了四五年产品经理，谈及职责时情绪激动，主要抱怨合作方不可靠，技术员不靠谱，上司也不称职，构想无法落地，提议得不到重视，安排的工作缺乏配合。

他的用心已经非常到家了，然而旁人却没能尽到本分，这件事不能怪他。

这两件事在我心里持续发酵,最终让我领悟了一个观点,那就是对于产品经理而言,最难得的才能并非沟通、撰写材料、解析需求。而是要确保重要事项一个接一个地实现。

曾经听过一句俗语，内容是：什么样的人算作人才？那就是交给他一个任务，他能办好，再交给他另一个任务，他也能办好。起初我认为这句话非常荒谬，但现在回想起来，却十分赞同。

当我们的目的仅是完成分内之事时，我们会紧盯职责范围和任务归属。我们处理好自己负责的部分，然后静待他人完成他们该做的事。若对方未达预期，我们便讥诮一番，认为正是他们的失职阻碍了整体进度，暗自盘算"成与败都行，只要别算在我头上就行"。

接下来便是推卸责任，编造理由，伪装无能为力，感觉才华无处施展，天赋被平庸所掩盖，被无能和愚昧的周围人、上级、规章制度、企业文化所埋没。

如果想要促成事情，情形就会完全不一样。要促成事情，就必须全力以赴，就必须排除万难，就必须无惧任何阻碍。

技术人员不明白意图，我们不论是用图像展示、资料编写、模型设计还是现场演示，必须确保他们掌握目标;合作方不给予协助，我们不论是施加压力还是提供利益，无论激烈争执还是低头恳求，必须让他们达成合作;领导不提供帮助，我们就用最精简的方式和严谨的论证来说服他，不分昼夜地劝说，在洗手间堵住他劝说，在电梯里拦住他劝说，甚至不惜以极端方式让他接受观点;团队内部成员无法处理的技术或业务难题，不论是通过学习相关书籍、通宵查阅资料，还是找到其他领域的专家在他住所守候，必须找到解决方法为止。

无需顾虑范围，也无需计较权益——若无权益，就着力塑造声望，倘若声望也无，则依附他人而悲泣恳求，倘若既不能塑造声望，又不愿屈膝，就别担任产品主管了。再者，也不必过分在意融洽，若追求的是让合理之事得以实现，那么旁人如何看待我们，是否认为我们荒唐，均属无关紧要。不必在意不公，若想成功，受些委屈很常见，不要整天愁眉苦脸，唉声叹气。

把该做的事一个接一个完成，这是评判的唯一准则，看实际效果，中间承受的艰辛完全没必要计较。半夜点亮台灯穿上外衣，离开还在梦中的女子，天亮推门回家，直奔洗手间，拿出工具和针线，忍着剧痛一声不吭，取出体内残留的弹片，修补身上的创伤，换上整洁的衣物。女子揉着惺忪的眼睛问你昨晚进展如何，你面带微笑温柔地回应，说还算顺利。

这句话里的另外两个修饰词，一个是「正确」，一个是「相继」。

对事物的准确判断需要时常反思，能够借助自我审视或他人质疑来持续改进计划和方向。我曾参与过许多评估会议，会议中的产品负责人有两种表现，一种面对质疑时会拒绝或激烈回应，也可能用讥讽的言语反击，另一种则积极欢迎别人的质疑，甚至会主动参与其中共同审视自己的构思，以此规避可能存在的问题。

哪种产品经理最终更出色？优秀的产品经理能够及时纠正错误，糟糕的产品经理则坚持己见，而极差的产品经理始终不肯承认错误。

按次序完成每项任务，这体现了周密的规划力，描绘理想前景是轻而易举的事，虚构一个毫无缺陷的架构也并非难事。卓越的产品主管能够掌控眼前的困境，最有效地运用团队现有的条件与才干，循序渐进地迈向既定方向。

我曾经有幸参与过一次高级项目的会议，会议中公司最高领导发表观点，指出产品经理们总是倾向于推翻旧方案，另起炉灶，但这种做法是不可取的。当时我并不认同这个看法，但三年后重新审视，完全赞同他的观点。美好的未来若缺乏切实可行的步骤，没有循序渐进的规划，便毫无意义。

反思开头那两件事，身为产品经理，只想「达成个人目标」，认为后续环节不再属于自己，而是其他同事的职责范围。结果不仅个人受挫，整个团队也跟着完败。令人惋惜的是，任何产品团队出问题，根本原因只有一个，就是产品经理。俗话说得好：「成功属于集体，失败归于产品经理」，这话千真万确。

促成有益的进展，是产品主管的核心任务，倘若环节里涉及技术层面，就应当钻研技术，倘若涉及界面设计，就应当掌握交互，倘若涉及视觉呈现，就应当学习画图，倘若涉及对外宣讲，就应当练习演讲，倘若涉及其他领域，就应当钻研其他技能。在团队里，任何成员都可以声明某事不属于自己分内之事，唯独产品主管不可以这样认为。

觉得冤枉、憋屈、不公平?抓紧时间，赶紧转行。

【丁香园PM：什么才是产品经理最重要的能力？】相关文章：

产品经理都在干吗？

什么是卡片式设计？

程序员设计师与产品经理的爱恨纠葛

什么才是一个“丰满”的设计？

为什么大神不愿意帮你？

产品不要美图泛滥

设计作品中的“廉价感”是如何产生的？

为什么有的颜色看起来非常高档？

如何才能成为一名成功的设计师？

设计师承接项目中需要注意的细节

继续浏览有关 排版设计产品经理 的文章