pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

純文本和背景圖式歡迎頁面

   文字與背景圖片是每個現代網站都具有的重要元素,這兩項首先映入用戶眼簾,使他們熟悉網站標志、簡介和導航。搭配合適的照片或圖畫,創造所需氛圍。

  文字與圖片在網站的視覺和內容方面同時發揮作用,它們的組合極為有效,甚至只用這兩種元素就足以建立一個與眾不同魅力十足的歡迎頁。它們在一起可以打破任何限制,巧妙地相互結合與補充,腦海中的任何想法,都可以通過它們實現。

  今天我考慮嘗試一種更為極簡主義的方式,讓頁面除了這兩項基本元素之外再別無他物。我深入了解收集了一些網站案例,它們的首頁都只包含背景圖和精巧的文字。

  極簡風格歡迎頁:文字與圖片

  Life of Pi

  少年派的奇幻漂流冒險氛圍十足。歡迎頁面華麗的朦朧風格,和粗邊框中的樸素白色文字都令人著迷

純文本和背景圖式歡迎頁面 三聯

  Levante

  Levante用優雅的女性化字體來裝飾輪播大圖。頂部細長的深色導航條,用整齊的淺色字與主頁相互映襯

Levante

  Allamardesign

  蒙著白色輕紗的城市風景圖,是Allamar Design的重要元素,讓網站看起來干凈整潔。深色的圓形LOGO和標題優雅結合,立刻吸引觀眾的注意力,盡管相對整個頁面它其實很小

Allamar Design

  Cloudsovercuba

  Clouds over Cuba與上個例子剛好形成鮮明對比。這個網站也用深色的城鎮風景圖作為背景,白色細字體標語看起來非常顯眼

Clouds over Cuba

  Betatakaki

  Beta Takaki的動態效果讓人印象深刻,幾張辦公場所的特寫交替切換,使得前景元素躍然屏幕上(這條的意思糾結了好久,打開網站一看才明白,原來背景圖是會動的,用了近年流行的滾動視差效果)

Beta Takaki

  Edit

  EDIT OpenDay 2013采用了極度銳利的字體和平面構成風格,簡單原始的風格吸引用戶

EDIT OpenDay 2013

  Iuqo

  Iuqo用的不單單是背景圖片,而是一段讓用戶在云中飛行的迷人視頻。緊湊排布的扁長標題、輪廓式LOGO和底部兩個菜單項,使主頁看起來極為通透

iuqo

  KIN HR

  KIN HR展現了一副團隊工作過程中的場景,配上相當大的標題,厚實的標準字體使頁面看起來非常棒

KIN HR

  Borgo 27

  柔和、光線明亮的背景照片,還有標題上那醒目的半透明圓圈,造就了Borgo 27溫暖的氛圍

Borgo 27

  Deleting Borders

  Deleting Borders的顯著特征,是無出其右的纖細標語,占據著整個設計的中央部分。暗淡、帶點雜色的背景圖與微微透明的高調字體完美相配

Deleting Borders

  House

  House有著格調迷人的清新夏日風格。白色樸素的字體設計LOGO和lomo風格全屏背景圖極好地搭配

House

  Basader

  Basader又是個非常棒的全屏視頻背景案例。碩大的黑色傾斜文字,與力量十足的憤怒海洋景象完美匹配

Basader

  Epok Design

  Epok Design基于各種視差效果,很好地在歡迎頁表現了公司信息,還有與之相配的照片和有趣的介紹

Epok Design

  Le Rockwood

  Le Rockwood被設計成常用的黑白色調,它非常依賴這張情感強烈的照片,照片刻意加深處理過,還有厚實奪目的字體

Le Rockwood

  Web Akademie

  Web Akademie使用了非常朦朧的背景照片和與眾不同的圓潤字形,為網站營造出精致時尚的外觀

Web Akademie

  Samaritaine

  Samaritaine的手法是使用引人入勝的視頻簡介,以迷人的屏幕保護結束。后者依賴柔和的顏色組合,和輪廓圓潤的巨大粗字體,來增加額外的沖擊力

Samaritaine

  Wearegoat

  Wearegoat把屏幕分為兩部分,并且將用戶注意力集中在主要方面。第一部分用于自我介紹(通過一小段描述文字呈現),第二部分直觀展現日常工作場景

wearegoat

  Digital Park

  Digital Park以與眾不同的三維多邊形為亮點,這必然為中央部分的設計增加了一點縱深。除此之外,巨大的黑色非正式字體和單調的灰色背景看起來很協調

Digital Park

  Papercutart

  Papercutart. 灰色與黑白照片、大量留白,還有一小段有活潑手寫體的文字,給網站一種高雅的感覺

Papercutart

  Demi Creative

  溫暖的圖片、極度突出的標題,Demi Creative漂亮地將兩者結合起來,為網站注入象征主義

Demi Creative

  Mountain Standard Vail

  在復古導航和頗具創意的LOGO支持下,Mountain Standard Vail展示出令人印象極為深刻的風格

Mountain Standard Vail

  Swedish Seasons

  Swedish Seasons展現一副華麗的風景圖,覆蓋著的深色半透明三角形上,排列著菜單與網站標題??傮w來看,這個網站有著精致高雅的外觀

Swedish Seasons

  My life in 20 years

  My life in 20 years真是個與眾不同概念獨特的網站。首頁上包含了抽象線條背景和巨大簡單的字體,直接將作者的想法擺在最顯要位置

My life in 20 years

  Loft City Church

  Loft City Church包含一個全屏圖片輪播,向用戶展示教堂活動信息。一組完美排列的巨大標題,清晰明了闡述這個網站的設計美學

Loft City Church

  Moio

  Moio用了令人驚奇的單色矢量LOGO和粗獷字體,為網站注入運動風格的調調

Moio

  Aguru Digital Agency

  Aguru Digital Agency給人藝術性的印象。深色的繪畫背景、微妙精致的菜單,還有優雅卻有些許歡快的字體設計LOGO,傳遞出很棒的平衡感

Aguru Digital Agency

  反思

  通常設計師更喜歡用激動人心的背景圖片,再稍稍加暗處理,可以避免對比不夠明顯。近乎純白的亮色在任何此類背景上都華美清晰可辨,所以你有機會一箭雙雕。首先,你不用浪費時間制作非凡的字體——常規字體就可以了,你要做的只是選擇正確的粗細和尺寸;第二,你也能在不降低可讀性的情況下,用一張別致的背景圖迷倒用戶。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 好笔杆子网 - 公文写作学习交流分享平台 | 伺服电机维修、驱动器维修「安川|三菱|松下」伺服维修公司-深圳华创益 | 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | 微型实验室真空泵-无油干式真空泵-微型涡旋耐腐蚀压缩机-思科涡旋科技(杭州)有限公司 | 旋转气浴恒温振荡器-往复式水浴恒温振荡器-金怡百科 | 西子馋火锅鸡加盟-太原市龙城酉鼎餐饮管理有限公司 | 聚合氯化铝-碱式氯化铝-聚合硫酸铁-聚氯化铝铁生产厂家多少钱一吨-聚丙烯酰胺价格_河南浩博净水材料有限公司 | 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | 硫酸亚铁-聚合硫酸铁-除氟除磷剂-复合碳源-污水处理药剂厂家—长隆科技 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | DDoS安全防护官网-领先的DDoS安全防护服务商| 有机废气处理-rto焚烧炉-催化燃烧设备-VOC冷凝回收装置-三梯环境 | 滑板场地施工_极限运动场地设计_滑板公园建造_盐城天人极限运动场地建设有限公司 | 自恢复保险丝_贴片保险丝_力特保险丝_Littelfuse_可恢复保险丝供应商-秦晋电子 | 屏蔽服(500kv-超高压-特高压-电磁)-徐吉电气 | 食品无尘净化车间,食品罐装净化车间,净化车间配套风淋室-青岛旭恒洁净技术有限公司 | 紫外线老化试验箱_uv紫外线老化试验箱价格|型号|厂家-正航仪器设备 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 山东锐智科电检测仪器有限公司_超声波测厚仪,涂层测厚仪,里氏硬度计,电火花检漏仪,地下管线探测仪 | 中药超微粉碎机(中药细胞级微粉碎)-百科 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 原子吸收设备-国产分光光度计-光谱分光光度计-上海光谱仪器有限公司 | 盘煤仪,盘料仪,盘点仪,堆料测量仪,便携式激光盘煤仪-中科航宇(北京)自动化工程技术有限公司 | 飞象网 - 通信人每天必上的网站| 招商帮-一站式网络营销服务|搜索营销推广|信息流推广|短视视频营销推广|互联网整合营销|网络推广代运营|招商帮企业招商好帮手 | 青岛侦探调查_青岛侦探事务所_青岛调查事务所_青岛婚外情取证-青岛狄仁杰国际侦探公司 | 丁基胶边来料加工,医用活塞边角料加工,异戊二烯橡胶边来料加工-河北盛唐橡胶制品有限公司 | 无轨电动平车_轨道平车_蓄电池电动平车★尽在新乡百特智能转运设备有限公司 | 固诺家居-全屋定制十大品牌_整体衣柜木门橱柜招商加盟 | 建筑消防设施检测系统检测箱-电梯**检测仪器箱-北京宇成伟业科技有限责任公司 | 预制舱-电力集装箱预制舱-模块化预制舱生产厂家-腾达电器设备 | 蔡司三坐标-影像测量机-3D扫描仪-蔡司显微镜-扫描电镜-工业CT-ZEISS授权代理商三本工业测量 | 国际线缆连接网 - 连接器_线缆线束加工行业门户网站 | 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | 无负压供水设备,消防稳压供水设备-淄博创辉供水设备有限公司 | 上海办公室装修,办公楼装修设计,办公空间设计,企业展厅设计_写艺装饰公司 | 贝朗斯动力商城(BRCPOWER.COM) - 买叉车蓄电池上贝朗斯商城,价格更超值,品质有保障! | 依维柯自动挡房车,自行式国产改装房车,小型房车价格,中国十大房车品牌_南京拓锐斯特房车 - 南京拓锐斯特房车 | 折弯机-刨槽机-数控折弯机-数控刨槽机-数控折弯机厂家-深圳豐科机械有限公司 | 纯化水设备-纯水设备-超纯水设备-[大鹏水处理]纯水设备一站式服务商-东莞市大鹏水处理科技有限公司 | 热镀锌槽钢|角钢|工字钢|圆钢|H型钢|扁钢|花纹板-天津千百顺钢铁贸易有限公司 |