纯文本和背景图式欢迎页面

   文字与背景图片是每个现代网站都具有的重要元素,这两项首先映入用户眼帘,使他们熟悉网站标志、简介和导航。搭配合适的照片或图画,创造所需氛围。

  文字与图片在网站的视觉和内容方面同时发挥作用,它们的组合极为有效,甚至只用这两种元素就足以建立一个与众不同魅力十足的欢迎页。它们在一起可以打破任何限制,巧妙地相互结合与补充,脑海中的任何想法,都可以通过它们实现。

  今天我考虑尝试一种更为极简主义的方式,让页面除了这两项基本元素之外再别无他物。我深入了解收集了一些网站案例,它们的首页都只包含背景图和精巧的文字。

  极简风格欢迎页:文字与图片

  Life of Pi

  少年派的奇幻漂流冒险氛围十足。欢迎页面华丽的朦胧风格,和粗边框中的朴素白色文字都令人着迷


  Levante

  Levante用优雅的女性化字体来装饰轮播大图。顶部细长的深色导航条,用整齐的浅色字与主页相互映衬


  Allamardesign

  蒙着白色轻纱的城市风景图,是Allamar Design的重要元素,让网站看起来干净整洁。深色的圆形LOGO和标题优雅结合,立刻吸引观众的注意力,尽管相对整个页面它其实很小


  Cloudsovercuba

  Clouds over Cuba与上个例子刚好形成鲜明对比。这个网站也用深色的城镇风景图作为背景,白色细字体标语看起来非常显眼


  Betatakaki

  Beta Takaki的动态效果让人印象深刻,几张办公场所的特写交替切换,使得前景元素跃然屏幕上(这条的意思纠结了好久,打开网站一看才明白,原来背景图是会动的,用了近年流行的滚动视差效果)


  Edit

  EDIT OpenDay 2013采用了极度锐利的字体和平面构成风格,简单原始的风格吸引用户


  Iuqo

  Iuqo用的不单单是背景图片,而是一段让用户在云中飞行的迷人视频。紧凑排布的扁长标题、轮廓式LOGO和底部两个菜单项,使主页看起来极为通透


  KIN HR

  KIN HR展现了一副团队工作过程中的场景,配上相当大的标题,厚实的标准字体使页面看起来非常棒


  Borgo 27

  柔和、光线明亮的背景照片,还有标题上那醒目的半透明圆圈,造就了Borgo 27温暖的氛围


  Deleting Borders

  Deleting Borders的显著特征,是无出其右的纤细标语,占据着整个设计的中央部分。暗淡、带点杂色的背景图与微微透明的高调字体完美相配


  House

  House有着格调迷人的清新夏日风格。白色朴素的字体设计LOGO和lomo风格全屏背景图极好地搭配


  Basader

  Basader又是个非常棒的全屏视频背景案例。硕大的黑色倾斜文字,与力量十足的愤怒海洋景象完美匹配


  Epok Design

  Epok Design基于各种视差效果,很好地在欢迎页表现了公司信息,还有与之相配的照片和有趣的介绍


  Le Rockwood

  Le Rockwood被设计成常用的黑白色调,它非常依赖这张情感强烈的照片,照片刻意加深处理过,还有厚实夺目的字体


  Web Akademie

  Web Akademie使用了非常朦胧的背景照片和与众不同的圆润字形,为网站营造出精致时尚的外观


  Samaritaine

  Samaritaine的手法是使用引人入胜的视频简介,以迷人的屏幕保护结束。后者依赖柔和的颜色组合,和轮廓圆润的巨大粗字体,来增加额外的冲击力


  Wearegoat

  Wearegoat把屏幕分为两部分,并且将用户注意力集中在主要方面。第一部分用于自我介绍(通过一小段描述文字呈现),第二部分直观展现日常工作场景


  Digital Park

  Digital Park以与众不同的三维多边形为亮点,这必然为中央部分的设计增加了一点纵深。除此之外,巨大的黑色非正式字体和单调的灰色背景看起来很协调


  Papercutart

  Papercutart. 灰色与黑白照片、大量留白,还有一小段有活泼手写体的文字,给网站一种高雅的感觉


  Demi Creative

  温暖的图片、极度突出的标题,Demi Creative漂亮地将两者结合起来,为网站注入象征主义


  Mountain Standard Vail

  在复古导航和颇具创意的LOGO支持下,Mountain Standard Vail展示出令人印象极为深刻的风格


  Swedish Seasons

  Swedish Seasons展现一副华丽的风景图,覆盖着的深色半透明三角形上,排列着菜单与网站标题。总体来看,这个网站有着精致高雅的外观


  My life in 20 years

  My life in 20 years真是个与众不同概念独特的网站。首页上包含了抽象线条背景和巨大简单的字体,直接将作者的想法摆在最显要位置


  Loft City Church

  Loft City Church包含一个全屏图片轮播,向用户展示教堂活动信息。一组完美排列的巨大标题,清晰明了阐述这个网站的设计美学


  Moio

  Moio用了令人惊奇的单色矢量LOGO和粗犷字体,为网站注入运动风格的调调


  Aguru Digital Agency

  Aguru Digital Agency给人艺术性的印象。深色的绘画背景、微妙精致的菜单,还有优雅却有些许欢快的字体设计LOGO,传递出很棒的平衡感


  反思

  通常设计师更喜欢用激动人心的背景图片,再稍稍加暗处理,可以避免对比不够明显。近乎纯白的亮色在任何此类背景上都华美清晰可辨,所以你有机会一箭双雕。首先,你不用浪费时间制作非凡的字体——常规字体就可以了,你要做的只是选择正确的粗细和尺寸;第二,你也能在不降低可读性的情况下,用一张别致的背景图迷倒用户。

时间: 2025-01-30 08:11:53

纯文本和背景图式欢迎页面的相关文章

用PHP实现自动把纯文本转换成Web页面

最近,我的一个老朋友向我打电话求助.他从事记者的职业有多年了,最近获得了重新出版他的很多早期专栏的权利.他希望把他的作品贴在Web上;但是他的专栏都是以纯文本文件的形式保存的,而且他既没有时间也不想去为了把它们转换成为Web页面而学习HTML的知识.由于我是他电话本里唯一一个精通计算机的人,所以他打电话给我看我是否能够帮帮他. "让我来处理吧,"我说:"一个小时以后再给我打电话."当然了,当他几个小时以后打电话过来,我已经为他准备好了解决的方法.这需要用到一点点PH

手机终端纯文本阅读体验的研究方法分享

  调查显示,2014年中国成年国民图书阅读率为58.0%,数字化阅读接触率为58.1%,数字化阅读比例首次超过传统阅读.结果同时显示,在新兴媒介中,移动阅读领跑,人均每天手机阅读时长达33.82分钟.为了给手Q公众号用户提供更好的文章阅读体验,我们进行了纯文本文章阅读体验的研究. 本文主要分享一下研究思路与方法的确定过程,第一部分主要从影响移动阅读绩效的指标体系入手,介绍本研究背景下如何确定评估指标,第二部分主要介绍本研究使用的研究方法与未来的研究展望. 1,确定体验评估指标 1.1 移动阅读

论锚文本与纯文本外链 锚文本难发纯文本有量

当今的SEO界,真可谓鱼龙混杂,原因很简单,这看上去是一个没有规则的行业,只要会扯淡几句,扯淡几个理论也能被尊封为"大师"!写下这篇文章的目的是前几天看到一个锚文本与纯文本对比文章,也便想说说自己的几句. 个人认为锚文本依旧是最重要的一种外链形式.这就得从外链原理谈谈,当蜘蛛抓取一个页面后,进行页面分析时,会将a标签中的src属性拿走(锚链接),并且拿走文本(锚文字),从而使得程序从统计学上,对网站主题进行统计,从而得出页面主题(与哪些词相匹配).若使一段纯URL网址在,那也只是增加了

纯文本链接能否传递权重

之前在网上看到一篇文章,内容是关于纯文本形式链接在当前的搜索引擎优化是否还有用处,那篇文章写的非常不错,结合自己网站实际情况,并且给出了很多有利证据证明其文章观点,但是有一个观点我无法认同.那篇文章中写到,"通过使用百度站长工具查询网站外链,能够查到纯文本形式的外链,并且能识别链接前面的文字作为连接名称,达到和锚文本一样的效果,所以在高权重的网站发布纯文本形式的链接也能和锚文本链接一样获得高权重外链." 对于权重传递,百度没有给出明确的说明,所以网上流传的说法也都是个人猜测,我对权重传

百度抓取纯文本链接 Lee说SEO外链建设规则

由于用户不能通过直接点击方式进入纯文本url地址所指向的页面,无法直接实现反向链接定义中"指向目标文档(网页)"的反向链接作用,所以一直以来SEOER们对纯文本url地址的SEO作用普遍不看好. 但无可否认的是,这样大量的纯文本url地址有效增加了特定网页的曝光率,也肯定有用户通过复制粘贴方式进入特定网页--只要我们的内容对他有帮助.从这个意义上来说,纯文本url地址也的确间接实现了"指向目标文档(网页)"的反向链接作用. 百度与其他搜索引擎能够准确识别纯文本url

【原】粘贴纯文本神器

平时我们从OneNote上复制文本后,粘贴到QQ聊天窗口的文本是一张图片,通常的解决方法是:新建记事本粘贴文本 ,复制记事本的文本到QQ聊天窗口,是比较麻烦的,这里分享2个转换富文本为纯文本的工具给大家. 1. PureText 2.0 PureText只从文本中删除了丰富的格式.这包括字体,字体样式(粗体,斜体等),字体颜色,段落样式(左/右/中心对齐),边距,字符间距,子弹,上标,下标,表格,图表,图片,嵌入的对象等,它不修改的实际文本,不会删除或修复新线,回车,制表符,或其它空白,不会修复

asp 使用正则表达式替换word中的标签,转为纯文本

公司客户在使用网站后台编辑添加修改内容时,经常是直接从word文档里复制内容到编辑器里后就提交.结果是在内容显示页面上是五花八门的样式,有时也需要部分纯文本内容作为摘录使用,这些都需要清除word格式.改变客户的习惯要客户先复制到记事本里再粘贴到编辑器里编辑是很难的,所以从我们自己改变起.从网上百度了若干清除word格式的正则,使用效果不甚理想,所以自己写了清除word格式的asp函数,能满足我们自己的使用需求.函数如下: 复制代码 代码如下: function cleanWord(html)

asp 使用正则表达式替换word中的标签,转为纯文本_应用技巧

公司客户在使用网站后台编辑添加修改内容时,经常是直接从word文档里复制内容到编辑器里后就提交.结果是在内容显示页面上是五花八门的样式,有时也需要部分纯文本内容作为摘录使用,这些都需要清除word格式.改变客户的习惯要客户先复制到记事本里再粘贴到编辑器里编辑是很难的,所以从我们自己改变起.从网上百度了若干清除word格式的正则,使用效果不甚理想,所以自己写了清除word格式的asp函数,能满足我们自己的使用需求.函数如下: 复制代码 代码如下: function cleanWord(html)

百度能抓取纯文本对于做网站外链的启示

对于百度是否能抓取纯文本,百度站长俱乐部lee在3月的时候就对此作出了回答: 1.文本链接url地址,百度会发现他是一个url地址并通过这个地址到相应的url地址上去抓取. 2.我们对链接是否应该传递权重,唯一的判断标准是:这个链接是否用户or对方网站真心推荐你的网站.这个推荐,是否对用户有价值.   但是因为用户不能通过直接点击的方式进入url地址所指向的页面,所以不少网站seo工作者对于纯文本链接并不看好.而且随着近期百度算法的不断调整,百度对于外链,反链,链接的作弊网站进行了惩罚,不少网站