網站設計:分析5°專場視覺設計

來源:互聯網
上載者:User

  這個主題是2012年下半年的一次內部分享,遲遲未形成文章,馬上過年了趕緊整理起來,順便給視覺設計師們拜年了!!!我自己內心的一個呼喚,明年脫離“苦逼”二字……

  網站的專場設計,應該算是網頁視覺設計師的必修課,應該也算是最基本功。她所需要的設計理論都是最基本,但同時也是最重要的。設計理論版本多如牛毛,我這裡僅僅整理5個方面來分析網頁專場設計的一些方法,本人並非大師或資深,歡迎各式拍磚。

  設計理論每人都會或多或少的知道一些,但是我們作品是給誰看的,我們的真正使用者是誰,使用者的特性是什麼,每個網站針對的使用者都不同,在這裡簡單介紹下我們內部總結的阿里巴巴B類使用者的特性:

  在瞭解自己所針對的使用者特性之後,我們做設計就會更有針對性,對作品的創意也會更貼近使用者劇本。在這裡我分成5個方面來表述專場設計所需的基本功。

  1°創意設計

  說到創意,應該是設計師最擅長,但肯定也是最頭疼的問題,如何評判一個創意的好壞,借用周董的一句話“哎呦,不錯哦”。當別人看到你的頁面的時候,能發出這種感慨,那基本上你的這個頁面應該是做到位了。這裡介紹5種小方法:

  2°版式設計

  版式設計應該算是最基本的設計原則,這個雖然闡述起來比較簡單,如果要運用的好還是需要多下工夫。這裡通過一個簡單的例子來解釋版式設計中的幾個原則:

  3°色彩設計

  這裡的色彩設計並不是對色彩理論的解釋,也不是對色彩感覺的解釋,因為本人是個色彩感覺一般的設計師。這裡只說3個原則:色彩對比、色彩大小與形狀、彩色位置。

  通過以上的3種原則,用在網頁上的例子很多,這裡沒有講到的互補色、對比色、色差、色溫等等眾多色彩理論大家有需要可以百度下……這裡多少一句廢話,彩色不易用多,且最好有重色壓壓。

  4°趣味設計

  趣味設計更多的是一種親切感,並不是所有的頁面都要求有,但是偶爾為之,會讓頁面添色不少。

  5°前端知識

  最近做了1688的首頁,越來越覺得前端需要懂的東西太多了,自己知道的僅僅是皮毛而已,這裡不講如何寫代碼,只說圖片大小,這個是關係到頁面的載入時間。

  PS的儲存大致可分為兩種(網頁設計常用到的):有損儲存JPG格式,無損儲存(PNG、GIF)。這兩種圖片的區別在於:

  再一個需要我們關注的問題是:控製圖片的大小問題,同一張圖片不同的格式大小會有不同,我們需要在保真的前提下選擇盡量小的圖片格式。

  以上這些內容是本人今年專場方面的一個總結,希望能對讀者有些許協助,也歡迎拍磚,互相學習。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。