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