成都集團企業(yè)網(wǎng)站建設(shè)

2022-07-08 分類：網(wǎng)站建設(shè)

成都集團企業(yè)網(wǎng)站建設(shè)改變網(wǎng)頁設(shè)計的面貌：25年的案例研究在萬維網(wǎng)慶祝3月11日2014年和它的進化過程中其25歲生日，網(wǎng)頁設(shè)計也是先進的跨越式發(fā)展。我們不再需要忍受無休止的笨拙文本和低分辨率圖像。

如今，信息豐富，創(chuàng)新且易于導航的網(wǎng)站是如此普遍，以至于您可能已經(jīng)忘記了1990年代的網(wǎng)站。

那么，讓我們來看看三大品牌的網(wǎng)站，它是怎么回來那么，他們現(xiàn)在怎么看，對究竟是如何網(wǎng)頁設(shè)計已經(jīng)改變了多年來。他們經(jīng)歷的旅程可能會為您自己的網(wǎng)站設(shè)計歷程帶來一些靈感。

推薦讀物：網(wǎng)頁設(shè)計– 2014年值得關(guān)注的20個最熱門趨勢

蘋果

我們回顧一下Wayback Machine提供的數(shù)十年來蘋果的主頁設(shè)計。

1997年

對此有利的是，1997年的Apple網(wǎng)站設(shè)計包括徽標，簡潔的信息，并且左側(cè)有清晰的導航欄。但是，它不具備我們今天與Apple相關(guān)的能力；字體非?；?，側(cè)邊欄占用大量空間，分散了觀眾的注意力，整個設(shè)計很擁擠。

蘋果1997

1999年– 2002年

然后，蘋果公司創(chuàng)建了一個專業(yè)的網(wǎng)頁首頁設(shè)計，這種網(wǎng)站簡直令人難忘，它構(gòu)成了所有未來設(shè)計的基礎(chǔ)。它以醒目的橫幅照片為特色，并輔以以下一些精選圖片。

無論是最新產(chǎn)品還是滿意的客戶，這些中的每一個都大程度地利用了空白。一個簡單的頂部導航欄幫助訪問者輕松找到他們喜歡的產(chǎn)品。

蘋果1999

蘋果2000

蘋果2001

蘋果2002

2003年– 2006年

在此期間，整潔的設(shè)計得以保留，但蘋果也開始以黑色背景出現(xiàn)偏差。無論哪種方式，首頁的鮮明背景都非常有效地展示了產(chǎn)品。

而且使用諸如“ Introducing Mighty Mouse”之類的古怪的襯墊也反映了蘋果的大膽本性。

蘋果2003

蘋果2004

蘋果2005

蘋果2006

2007年– 2010年

2007年的首頁設(shè)計完全擺脫了下面的部分 -毫無疑問，這樣手機可以產(chǎn)生更大的影響。這種情況在2008年和2009年一直持續(xù)，但是在2010年推出iPad時，大多數(shù)主頁都專門用于蘋果公司的最新寶貝。

蘋果2007

蘋果2008

蘋果2009

蘋果2010

2011年– 2013年

成都集團企業(yè)網(wǎng)站建設(shè)主要設(shè)計元素完全沒有改變。iPad Air的2013年網(wǎng)頁設(shè)計確實值得特別提及-當產(chǎn)品的獨特賣點是產(chǎn)品的纖薄性時，還有什么比這種具有異常角度的圖像更好地向全世界展示的產(chǎn)品了？

蘋果2011

蘋果2012

蘋果2013

現(xiàn)在

當今的網(wǎng)頁設(shè)計仍然基于90年代末以來使用的簡單方法。主要照片引人注目，但不再單獨顯示產(chǎn)品，而是顯示在真實人的手中。

字體是現(xiàn)代的，互補色的有限調(diào)色板看起來非常專業(yè)。

現(xiàn)在的蘋果

現(xiàn)在，導航欄已牢固地固定在頁面頂部，以簡化導航。除了使用巧妙的詞來鼓勵點擊（“ 您的詩句會是什么？ ”）外，底部的四個部分還向訪問者確切顯示可以在其中找到哪些信息，只需單擊即可訪問。

他們做得好嗎？

他們不再關(guān)注硬賣，而更關(guān)注人們的情感和包容性故事講述的概念。希望與新網(wǎng)站產(chǎn)生類似影響的Web設(shè)計師應(yīng)使用真實的人來展示他們的產(chǎn)品。

越多的客戶可以想象自己使用該產(chǎn)品，并看到該產(chǎn)品如何使他們的生活方式受益，那么購買該產(chǎn)品的可能性就越大。

間隙

接下來，我們來看一下時尚界的另一個主要品牌。

1997年

脫帽向設(shè)計師為獲得ACROS一個明確的信息小號，通過他們的設(shè)計。頂部導航欄（而不是側(cè)邊欄）為展示產(chǎn)品提供了更多空間，并且整體外觀簡潔明了。

不過，不利的一面是，網(wǎng)絡(luò)設(shè)計師的提要可能實際上是在強調(diào)客戶可以在線購買他們最喜歡的GAP服裝，如出現(xiàn)兩次的徽標所示，并且“在線商店”和“在線購物”這兩個詞都塞在一個小首頁中。。

差距1997

2000年– 2009年

到2000年，網(wǎng)頁設(shè)計不斷發(fā)展。它顯然與GAP標志品牌與使用的有吸引力的主要形象和適度的導航欄在頂部。但是隨著時間的流逝，讓我們繼續(xù)關(guān)注導航欄。

差距2000

差距2003

2004年，主圖像與GAP徽標效果很好，GAP徽標現(xiàn)在封裝在一個明亮的藍色框中，以使其更加突出。但是導航選項在哪里？通過點擊鏈接位于底部。絕對要倒退一步。

差距2005

導航欄位于2006年的主頁頂部。該公司現(xiàn)在為孩子們提供了衣服，并在照片中使用了兒童模型來說明。在主要橫幅照片下面是4個不同的部分，用于推廣各種獎勵措施。不幸的是，每個設(shè)計都沒有表現(xiàn)出任何聯(lián)系，導致混亂和混亂的混合，這在眼中并不容易。

差距2006

2009年，主要導航選項巧妙地放置在全新的位置- 主圖像中。在我們贊揚創(chuàng)新設(shè)計的同時，大多數(shù)客戶希望從首頁邊緣進行導航 -通常通過頂部的條形導航或不經(jīng)常通過左側(cè)的條形導航。

差距2009

客戶越難找到他們想要的東西，他們越有可能跳出網(wǎng)站。

2010年– 2012年

GAP終于在2010年掌握了它。導航欄始終位于頁面頂部，并且一直停留在頁面頂部。2010年的網(wǎng)頁也是一個巨大的進步，因為它使用了真正的醒目和時尚的車型精心設(shè)計的拼貼。

差距2010

成都集團企業(yè)網(wǎng)站建設(shè)也許在首頁上使用更多圖片受到了訪問者的歡迎，因為這在2011年和2012年的網(wǎng)頁設(shè)計中仍然存在。但是，這兩個目標均嚴重不足。有在整體設(shè)計上沒有明確的戰(zhàn)略，這些照片沒有在一起凝膠與各種顏色被壓倒。

差距2011

差距2012

差距2013

現(xiàn)在

看來，GAP終于總結(jié)了之前的所有努力，并在一個令人愉悅的主頁上創(chuàng)建了一個網(wǎng)站，其中包含許多出色的設(shè)計元素。該網(wǎng)站旨在以其城市感覺和主要形象的選擇來吸引年輕一代。有趣的是，“住進去”一詞分為三個部分，吸引了游客的注意。

現(xiàn)在差距

導航欄仍位于頁面頂部，為每種服裝提供了便捷的快捷方式，搜索功能使訪客可以找到他們真正想要的東西。購物袋位于右上角，使客戶在頁面之間移動時可以更輕松地計劃購物。

他們做得好嗎？

GAP已經(jīng)經(jīng)歷了許多網(wǎng)頁設(shè)計，直到今天，但是現(xiàn)在電子商務(wù)網(wǎng)站的設(shè)計師可以很好地仿效此示例來創(chuàng)建用戶友好的在線購買體驗。它并不總是顯示從各個角度的產(chǎn)品; 巧妙地使用生活照片可以幫助訪問者想象該產(chǎn)品將如何改善他們的生活。

喜力啤酒

最后，讓我們看看喜力在網(wǎng)頁設(shè)計品牌方面的表現(xiàn)。從Wayback Machine檢索到的圖像。

1997年

該網(wǎng)站在品牌塑造和吸引眼球方面運作良好，但是通過向網(wǎng)站訪問者提供大量按鈕和選項，很可能引起客戶下一步的困惑。

有沒有清晰的導航，太多的字體，并坦率地說，那些直接疊加在水滴難以閱讀。

海因1997

2010年– 2012年

到2010年，喜力（Heineken）網(wǎng)頁設(shè)計已達到我們今天所追求的好水平。乍一看，首頁看起來很簡單，但是深綠色的背景將幾何形狀和有趣的，凝結(jié)著水滴的星星有效地結(jié)合在一起，并在全世界公認的啤酒瓶旁邊。

即使在那時，非常簡單的導航按鈕的今天趨勢仍然顯而易見，每個按鈕都有一個可視圖標。

海因2010

海因2011

海因2012

2011和2012年的網(wǎng)頁設(shè)計遵循相同的清晰度公式。但是，他們還介紹了喜力公司的創(chuàng)新方法，該方法使用視頻和關(guān)聯(lián)性來吸引知名電影來幫助銷售更多啤酒！

現(xiàn)在

該網(wǎng)站上的每一頁都采用了一些很棒的獨特字體來進行出色的設(shè)計，令人欣喜的是，自1997年以來，喜力綠色一直在不斷地被調(diào)低。網(wǎng)頁非常整潔，絕對是簡約的。

現(xiàn)在

然后，在其網(wǎng)站設(shè)計中添加了幾段視頻，這些視頻可以補充–運動圖像可以說出一千個單詞。而不是帶有選項的常規(guī)下拉導航欄，而是顯示每個項目的縮略圖，而不是使其更加有趣。

他們做得好嗎？

整體設(shè)計現(xiàn)代，活潑，必定會吸引喜歡喜力啤酒（Heineken）的60多種產(chǎn)品中的20多種。這些視頻非常適合當今的社交媒體瘋狂行為，并且更有可能被分享，從而在全球范圍內(nèi)提高了品牌知名度。

網(wǎng)頁設(shè)計

從上世紀90年代的早期例子來看，即使是大的公司網(wǎng)站也顯得業(yè)余，設(shè)計不佳，與當今的復(fù)雜網(wǎng)頁設(shè)計相去甚遠。

這可以用以下事實來解釋：25年前，網(wǎng)頁設(shè)計師面臨著更多的技術(shù)限制，例如互聯(lián)網(wǎng)速度緩慢，字體選項有限，以及關(guān)于使訪問者感到愉悅的網(wǎng)站數(shù)據(jù)不足。

成都集團企業(yè)網(wǎng)站建設(shè)消失的設(shè)計趨勢

隨著網(wǎng)頁設(shè)計師可以使用更多工具來創(chuàng)建更復(fù)雜，外觀更專業(yè)的網(wǎng)站，某些趨勢無法忍受這些條件，并且此后逐漸消失。這些包括：

Flash動畫 –幾年前，主頁上的Flash動畫可能被認為是動態(tài)的，但訪問者感到無聊。Flash動畫看起來便宜又俗氣，網(wǎng)站訪問者不喜歡它，并且當主頁上有Flash簡介時，搜索引擎的優(yōu)化就變得棘手了。它不是用于現(xiàn)代網(wǎng)站設(shè)計。

背景音樂 –美妙的節(jié)奏和民謠，很棒的主意。叮當作響的神經(jīng)而不是那么多（90年代的用戶會知道這種感覺）。在當今的網(wǎng)頁設(shè)計中，沉默是黃金。

內(nèi)容過多 –一些公司認為他們的網(wǎng)站需要大量頁面，詳細解釋了他們的公司，理念和產(chǎn)品。事實是，太多的信息可能會造成混亂，使人煩惱–我們大多數(shù)人只想要裸露的事實。2014年，簡約的設(shè)計以及照片和圖標的使用取代了文本繁多的頁面。

今天有效

當今最流行，最有效的網(wǎng)站經(jīng)常使用令人回味的圖像或大量幽默來吸引人和令人難忘。他們結(jié)構(gòu)合理，并鼓勵游客動turn購物。每個網(wǎng)站都應(yīng)遵循一些基本規(guī)則，以幫助其更趨好。但是，如果網(wǎng)頁設(shè)計師真的想跟上時代的步伐，那么以下是一些關(guān)鍵要素：

固定的導航欄 –這可能是一個相當新的趨勢，但完全有意義。訪客可以瀏覽自己內(nèi)心的內(nèi)容，而不會忘記自己在哪里。

字體 -使用不尋?；蜃煮w可以真正幫助網(wǎng)站出售其消息。當新的令人激動的字體等待時，Web設(shè)計人員不應(yīng)滿足于舊字體。

滑塊 –滑動橫幅照片的趨勢非常棒。每個圖像都很大，可以真正打動訪客。隨著圖像的自動變化，無需做任何事情，就可以使觀看者獲得一系列出色的視覺效果。

個性化照片 –除非絕對必要，否則網(wǎng)站設(shè)計師應(yīng)避免使用庫存照片，而應(yīng)選??擇個性化專業(yè)照片來維護網(wǎng)站公正并使其更具特色。

號召性用語按鈕 –當有很多有趣的按鈕可供選擇時，為什么不愿意使用無聊的“聯(lián)系我們”按鈕？按鈕越吸引人，訪問者單擊它的可能性就越大。

無限滾動/卡片設(shè)計 – Pinterest可能已在這種類型的Web設(shè)計中處于地位，但由于它是呈現(xiàn)單個信息塊的好方法，因此被許多公司所接受。

平面設(shè)計與擬態(tài)化 –無論您是喜歡Microsoft如此喜歡的平面設(shè)計（想想簡約的簡單圖標）還是使用更傳統(tǒng)的3D效果的擬態(tài)化，好消息是兩者現(xiàn)在都在發(fā)展。

網(wǎng)絡(luò)功能區(qū) –愛或恨它們，這些3D功能區(qū)旨在擁抱信息框或照片，看起來很漂亮，并且可以為任何設(shè)計提供專業(yè)效果

網(wǎng)站題目：成都集團企業(yè)網(wǎng)站建設(shè)
文章轉(zhuǎn)載：http://www.rwnh.cn/news/175573.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站建設(shè)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

成都集團企業(yè)網(wǎng)站建設(shè)