技術(shù)資訊
青島網(wǎng)站設(shè)計(jì)該向蘋果學(xué)習(xí)什么
2012-12-12 21:10:43
很少有企業(yè)能搞懂企業(yè)網(wǎng)站設(shè)計(jì)和青島網(wǎng)站建設(shè)該怎么設(shè)計(jì)才顯得更美并打動(dòng)用戶,這種從外到內(nèi)的設(shè)計(jì)不是靠搶眼的低價(jià)廣告促銷、也不是密密麻麻的產(chǎn)品介紹更不是雜亂無章的絢麗界面設(shè)計(jì),而是搞明白什么是重點(diǎn)、什么是次要的,去除次要的留出重要。
這就是為什么蘋果首頁永遠(yuǎn)只放一張圖片做重點(diǎn)平鋪,“一”就是 Apple 的推銷產(chǎn)品的作風(fēng),你只需要一個(gè)讓用戶記住了,剩下的隨之而來。
我敢打包票,在企業(yè)官網(wǎng)的設(shè)計(jì)中,沒有人比蘋果(Apple)更懂得如何漂亮直觀的在頁面上展示宣傳自己的產(chǎn)品。
蘋果的網(wǎng)頁設(shè)計(jì)從圖片選取、廣告詞、主頁欄以及白色的背景等編排設(shè)計(jì),依舊繼承了它在產(chǎn)品研發(fā)中追求細(xì)節(jié)的極致作風(fēng)。
在我們?yōu)g覽其它企業(yè)官方的頁面時(shí),你會(huì)很感概為什么在瀏覽這些企業(yè)的頁面時(shí)會(huì)充滿令人心煩意亂的感受?比如:繁雜的產(chǎn)品系列菜單讓你的鼠標(biāo)不知所措的該放在哪兒、低分辨率的劣質(zhì)照片讓你無法感覺到視覺美的享受,與產(chǎn)品不相符的被吹得天花亂墜的廣告詞等等。我敢說當(dāng)你瀏覽蘋果的官網(wǎng)后,你會(huì)被里面碩大的高分辨率精美圖片以及寫實(shí)的華麗產(chǎn)品介紹詞等從內(nèi)心由衷贊嘆蘋果的設(shè)計(jì)品位。
那么蘋果是如何做到這些的呢?
優(yōu)美的網(wǎng)頁精準(zhǔn)用詞
說實(shí)話,我很懷疑蘋果的產(chǎn)品介紹宣傳語,是由一些文藝界的文人學(xué)者操刀完成。如:形容 iPhone 5 全新設(shè)計(jì)的標(biāo)語:“更薄,更輕的設(shè)計(jì)。多了更多,少了不少。”形容最新 iMac 一體機(jī)的標(biāo)語:“以極限突破極限”。每個(gè)用詞都與產(chǎn)品高度貼切相符,漂亮的產(chǎn)品與優(yōu)美的文字相結(jié)合造就了蘋果在廣告上獨(dú)有的大膽文藝風(fēng)格。
這種能激起你大腦中荷爾蒙的優(yōu)美用詞,讓你渾身似乎都被 Apple 牽引著。
除了表現(xiàn)盡善盡美的產(chǎn)品之外,如何配上一段動(dòng)人心弦的文字描述也是決定品牌在用戶心目中的地位,這就取決于一家企業(yè)文化的 DNA。
網(wǎng)頁整體對稱的美學(xué)排版
瀏覽蘋果官網(wǎng)時(shí),你會(huì)發(fā)現(xiàn)不管是每個(gè)產(chǎn)品里的 Myriad Set 字體居中還是正文、圖片等它們之間的擺放被排列得錯(cuò)落整齊,一眼看上去令人非常清晰舒服。加之每段文字配上一張高清的圖片使得整體頁面看起來感覺非常棒,這種“棒”不是體現(xiàn)在外在的驚叫中而是在內(nèi)心,美的東西永遠(yuǎn)首先從內(nèi)心開始。
還有一個(gè)細(xì)節(jié)就是每瀏覽到一個(gè)子功能介紹時(shí),下拉菜單剛好到那個(gè)位置,整體信息不偏不倚。如果再進(jìn)入到下一個(gè)子功能介紹也同樣依次循環(huán)。這種特意的編排設(shè)計(jì)不易被人察覺,但讓瀏覽的人感覺它的整體感非常美。
在網(wǎng)站設(shè)計(jì)上突出重點(diǎn)
網(wǎng)站首頁不輕易添加新產(chǎn)品“分欄”,精簡的頁面讓人一目了然,沒有一點(diǎn)模糊概念。而其他企業(yè)網(wǎng)站建設(shè)做法就是“越多越好”,恨不得將所有的產(chǎn)品信息填滿整個(gè)角落,完全不考慮用戶瀏覽的感受。加上臃腫雜亂的產(chǎn)品系列分級欄,你都搞不清楚這些產(chǎn)品之間到底存在什么區(qū)別。反觀蘋果即使讓一個(gè)門外漢來,也能弄清每個(gè)產(chǎn)品之間的不同點(diǎn)在哪里。
瀏覽產(chǎn)品圖片時(shí),會(huì)有一個(gè)專門的 Gallery。打開這個(gè)圖庫除了精美的各視角產(chǎn)品圖片,不帶任何修飾和廣告。頁面呈現(xiàn)出一種純白的干凈,讓你全心投入欣賞照片。
今年 Steve Jobs 的一周年紀(jì)念黑白視頻,就是一段去除裝飾重歸簡約層次分明的網(wǎng)站設(shè)計(jì)。只有分清什么是重要與不重要的才知道什么才是你該擺放的重點(diǎn)。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2015-02-02 09:14:00] 如何提高百度收錄的概率?
- [2011-11-19 22:06:56] 搜索引擎收錄不好的原因和分析
- [2019-06-27 10:31:07] 如何提高網(wǎng)站打開速度呢?
- [2014-11-08 22:41:32] 網(wǎng)頁切圖的技巧與優(yōu)化
- [2014-10-26 09:01:35] css基本知識與基本語法
- [2013-01-05 20:24:34] xml網(wǎng)站地圖與html地圖的區(qū)別
- [2015-03-09 09:28:29] 進(jìn)一步優(yōu)化網(wǎng)站,減少百度降權(quán)!
- [2013-04-24 17:08:23] dede程序模板頁面的時(shí)間日期始終是1970-01-01的解決辦法
- [2014-01-10 00:16:32] 如何在DEDE列表頁中調(diào)用下載地址(已解決)
- [2015-05-07 12:03:47] 搜索引擎是如何判斷新聞是否原創(chuàng)的
- [2011-10-18 11:48:48] 一起探討百度快照回檔的五大原因
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站SEO 搜索引擎 集團(tuán)性網(wǎng)站 青島flash網(wǎng)站 官網(wǎng)網(wǎng)站建設(shè) 色彩心理學(xué) 網(wǎng)站改版 網(wǎng)站設(shè)計(jì) 輪胎網(wǎng)站設(shè)計(jì) 微官網(wǎng)帶來的好處 微網(wǎng)站 網(wǎng)站設(shè)計(jì)趨勢 力圖數(shù)字科技 SEO優(yōu)化 html和css 青島好的網(wǎng)站優(yōu)化公司 css 圖形網(wǎng)格 網(wǎng)站設(shè)計(jì)資訊 網(wǎng)站SEO 企業(yè)網(wǎng)站 青島開發(fā)區(qū)建站公司 力圖 青島網(wǎng)站建設(shè)基礎(chǔ)知識 青島抖音小程序開發(fā) 青島網(wǎng)頁制作 青島網(wǎng)站制作 網(wǎng)站規(guī)劃 高端網(wǎng)站設(shè)計(jì) 青島網(wǎng)站案例