網路視覺設計,顧名思義是針對從網路上“看”的感受進行設計!尤其在網路這個快速的世界中,你提供的資訊能不能在第一眼就讓人願意讀下去並找到重點,就是視覺設計最重要的地方!

 

飛是藍擅長的網路視覺設計包括:

網頁layout設計與切版 (Html、Div+Css)
網頁動態效果(JS、JQuery、Flash) 
網頁圖片設計 (Jpg、Gif、Png) 

網頁layout設計與切版 (Html、Div+Css)

網頁是一種載體,可承載視覺圖片,文字,程式,超連結,影片,檔案,早期網頁設計比較單純只使用HTML語法,並用table切版而已;但隨著SEO網頁搜尋最佳化的要求及語意網趨勢,專業切版著重在html的極簡化及活用DIV+CSS。

網頁設計之所以比平面設計復雜,主要是除了顧及「人」的眼球之外,一個好的網頁也要顧及「搜尋引擊」是否容易搜尋及分析。並依不同載體的寬度(ex手機),而需考慮不同瀏覽版本,或進行“自適應網頁設計(Responsive Web Design )”。由於網頁不同於平面印刷,受限於營幕及瀏覽器長寬限制,加上瀏覽網頁的網友習性,因此好的layout必須讓網友受眾能最快找到重點,及直覺操作。

因此飛是藍在設計網頁時,除了會兼顧市面常見的瀏覽器(IE、Firefox、Chrome…及行動裝置)是否呈現正常外,力求原始碼上的精簡及資訊流邏輯,這是一般客戶看不到的專業,也是我們飛是藍的網頁為什麼在行家眼中有較高水準,飛是藍製作的網站或是較容易被搜尋引擊找到的重要關鍵!

 


網頁動態效果(JS、JQuery、Flash) 

人的眼球會最快看到動態效果,因此除了layout佈局美觀易讀之外,在網站上安排一些適當的動態效果是必須的,但隨著行動裝置的盛行,ios及Android新版本不再支援Flash,因此在網路的運用上除非客戶有一定的堅持,不然我們通常會建議用其他js或jQuery效果取代即可。

新的html5的技術下,幾乎可以取代之前Flash做的到及做不到的事,像google首頁常常有的動畫遊戲,或是新的滾動視差網頁技術,都可以跨平台瀏覽,這都是以為flash做不到的

至於flash難道就該被淘汰了嗎?非也,flash其實還是保有其容易製作的特性,因此網頁若有針對pc族群的版本其實仍可應用,而且因應flash的最新動態語言as3,更是開發動畫及互動的最好工具,礙於手機不易瀏覽,於是現在flash及as3大多轉為製作app而非網站的工具了!


網頁圖片設計 (Jpg、Gif、Bmp、Png)

網頁圖片其實是最常見的視覺設計應用了,一般運用在網站的廣告Banner,或是產品圖、新聞用圖、介紹內容用圖、或是應用在社群等等。

由於網路大量且快速傳播的特性,一張好的圖片往往就能達到快速行銷的目的,不管是不是合成的(微笑…)

對了,網頁的圖片設計並不適用於印刷唷!網路上用的圖片解析度較低,硬要印出來一定會糊糊的失去質感,因此如果有印刷需求要另外視為「印刷設計」才行。