許家印柳傳志刷臉也不行!農(nóng)產(chǎn)品生鮮電商那些坑 |
發(fā)布時(shí)間:2016-07-14 文章來(lái)源: 瀏覽次數(shù):3726 |
“十年之前…我不熟悉你,你不屬于我,我們?nèi)允且粯?hellip;….?”喔,離題了,今天我們要來(lái)簡(jiǎn)樸談?wù)劸W(wǎng)站設(shè)計(jì)世界的“十年”。 從網(wǎng)際網(wǎng)絡(luò)普遍以來(lái),網(wǎng)絡(luò)平臺(tái)幾乎已是各大企業(yè)、公司等很多組織行號(hào)與集團(tuán)必備的訊息傳遞或營(yíng)銷推廣工具。 回顧十年甚至更久前的網(wǎng)絡(luò)環(huán)境,因?yàn)榫W(wǎng)路頻寬與設(shè)計(jì)語(yǔ)言上的限制,傳統(tǒng)網(wǎng)站設(shè)計(jì)常使用 html 的 table 表格來(lái)建構(gòu)網(wǎng)頁(yè),網(wǎng)站尺寸設(shè)計(jì)亦侷限于1024X768甚至800×600這樣的尺寸內(nèi),也不能使用解析度太大的網(wǎng)頁(yè)圖片,透明圖檔也以gif的使用為主。接下來(lái)因?yàn)閒lash的流行與炫麗的動(dòng)態(tài)效果,越來(lái)越多網(wǎng)站設(shè)計(jì)也使用起 Flash 與 Action 來(lái)搭配制作,至今也仍有相稱多的網(wǎng)站還搭配著Flash呈現(xiàn)網(wǎng)站。 時(shí)間拉回2016年的現(xiàn)在,網(wǎng)絡(luò)頻寬與電腦硬體設(shè)備不斷晉升,人人透過(guò)各種高分辨率屏幕、智能型手機(jī)、平板電腦等瀏覽網(wǎng)站,移動(dòng)平臺(tái)不再支持FLASH,主流的網(wǎng)站設(shè)計(jì)語(yǔ)言與規(guī)范轉(zhuǎn)為 CSS3 + HTML5 ,成為現(xiàn)在網(wǎng)站設(shè)計(jì)的尺度,F(xiàn)代的網(wǎng)站設(shè)計(jì)風(fēng)格與趨勢(shì)也轉(zhuǎn)為以下幾點(diǎn): 一、響應(yīng)/自適應(yīng)式網(wǎng)站設(shè)計(jì)(Responsive design) 因?yàn)闉g覽網(wǎng)頁(yè)的平臺(tái)不再僅限于電腦屏幕(即便是電腦屏幕,使用者也可能使用著不同的分辨率),更有平板電腦、智能手機(jī)等,假如用固定寬高制作網(wǎng)站,則在不同平臺(tái)上瀏覽網(wǎng)站將泛起版面太小或太大等版面鋪張或不足的題目,因此,能針對(duì)不同平臺(tái)做調(diào)整的自適應(yīng)式網(wǎng)站設(shè)計(jì)是近年的重點(diǎn)之一。 二、垂直式網(wǎng)站瀏覽 經(jīng)常在逛海內(nèi)外各大網(wǎng)站時(shí)一定會(huì)發(fā)現(xiàn),越來(lái)越多網(wǎng)頁(yè)的內(nèi)容呈現(xiàn)方式經(jīng)常是一長(zhǎng)串的瀑布式垂直內(nèi)容(但會(huì)分成數(shù)個(gè)段落),如APPLE的官方網(wǎng)站這般的呈現(xiàn)方式,也許有人不喜歡在統(tǒng)一個(gè)頁(yè)面捲動(dòng)多次,但實(shí)在透過(guò)適當(dāng)?shù)木幣排c設(shè)計(jì),整個(gè)網(wǎng)頁(yè)的瀏覽動(dòng)線與使用實(shí)在是會(huì)相稱流暢的,在手機(jī)與平板電腦上也能以相稱直覺的垂直滑動(dòng)來(lái)瀏覽頁(yè)面。 三、大型按鈕設(shè)計(jì) 大型按鈕的設(shè)計(jì),具有兩個(gè)主要的目的。首先,在瀏覽網(wǎng)站時(shí),常會(huì)提示你透過(guò)按下按鈕前往新頁(yè)面,或者進(jìn)行購(gòu)物的動(dòng)作,夠大的按鈕可以顯示出其重要度,能讓人快速注目到透過(guò)大小不同的對(duì)比,制造重點(diǎn)上的落差,讓使用更直覺。另一方面,這樣的按鈕設(shè)計(jì),也能利便各種觸控式屏幕平臺(tái)的瀏覽與操縱。 四、圖層視差動(dòng)彈設(shè)計(jì) 運(yùn)用圖層做視差設(shè)計(jì),在2D動(dòng)畫世界中塬本就是一個(gè)相稱常見且重要的模擬景深與空間感的技巧。將前后兩張(以上)圖層以不同的移動(dòng)速度作呈現(xiàn),在頁(yè)面動(dòng)彈時(shí)可以造成不錯(cuò)的空間效果,從FLASH開始流行后便有很多網(wǎng)站運(yùn)用這種技巧,現(xiàn)在則轉(zhuǎn)以CSS3 + HTML5來(lái)建構(gòu)。 獨(dú)一需要留意的是,這樣的效果固然相稱酷炫,但過(guò)度運(yùn)用卻是可能造成瀏覽上的疲勞與分心。視差動(dòng)彈設(shè)計(jì)案例:Ben the Bodyguar、activatedrinks 五、社群整合 近年來(lái)如Facebook、Twitter社群網(wǎng)站的崛起,改變了相稱多人的糊口與社交習(xí)慣,將網(wǎng)站與透過(guò)與社群網(wǎng)站間的結(jié)合,一來(lái)可以做訊息的傳播,也可以吸引更多人瀏覽與互動(dòng)。 六、網(wǎng)絡(luò)字型的運(yùn)用 字型的運(yùn)用在網(wǎng)站的視覺設(shè)計(jì)上是相稱重要的一環(huán),原本傳統(tǒng)HTML制作的網(wǎng)站,一般而言都是使用預(yù)設(shè)的字型,顯得不夠有特色而無(wú)趣,如要用特殊字型,只能使用圖檔的方式,相稱不便且耗資源,而網(wǎng)絡(luò)字型的發(fā)展與運(yùn)用,能使網(wǎng)頁(yè)更富變化,進(jìn)而晉升瀏覽的使用經(jīng)驗(yàn)與趣味效果。 七、扁平化設(shè)計(jì)─Less is more簡(jiǎn)約風(fēng)格 過(guò)去在各種網(wǎng)站設(shè)計(jì)、聰明型手機(jī)等介面上,常見很多花俏炫目的美術(shù)與介面設(shè)計(jì),然而過(guò)度裝飾與追求擬真之下,實(shí)在會(huì)減損資訊的傳遞與使用的經(jīng)驗(yàn)。從Window8與蘋果最新的iOS7介面可以發(fā)現(xiàn),這種簡(jiǎn)約的扁平化設(shè)計(jì)已成趨勢(shì),扁平化并不只是盲目地去除各種擬真的視覺效果,而是一種少等于多的設(shè)計(jì)精神體現(xiàn)。少了過(guò)度花俏的裝飾效果,卻能帶給我們更加清楚與直覺的使用體驗(yàn)。 |
|