網站怎麼設計更吸引人

網站(Website)是指在因特網上根據一定的規則,使用HTML(標準通用標記語言下的一個應用)等工具製作的用於展示特定內容相關網頁的集合。下面是YJBYS小編整理的網站怎麼設計更吸引人的相關內容,希望對你有幫助!

網站怎麼設計更吸引人

  一、確定情感關鍵詞

所謂情感關鍵詞,就是我們產品的視覺所要表達的情感感受,這是從0到1要做視覺設計的第一步。

前幾個月我們團隊支持公司一個新孵化的社交App,爲它進行整體的視覺風格設計和定義,但第一步我們不是埋頭開始,而是拉上產品的PM們和研發運營各方面leader一起來討論產品的『情感關鍵詞』是什麼,在當時我們所有團隊成員之間討論確認了這三個問題:

1)我們的產品要解決的目標是什麼?

2)我們面對的主要用戶羣是怎樣的?

3)我們希望用戶在使用我們時,產生怎樣的情緒感受?

這些問題會扯出很多主觀表達,設計師同學一邊聽大家討論一邊把聽到的關鍵詞記在黑板上。比如我們是想做年輕人的視頻社交產品,我們就會記下諸如好玩、熱情、豐富、可愛、二次元等各種情感關鍵詞,這都是團隊成員希望這個產品成爲的樣子。但是在做視覺設計的時候收集的目標不能太多,於是徵求大家建議後,我們把優先級不高的去掉,把重複的感受合併,最後確認了我們產品的情感關鍵詞是:陽光、溫暖、年輕。也就是說,接下來我們做App的視覺設計,就應該做出陽光、溫暖和年輕的感覺。

<因爲有保密信息所以我就沒模糊了,反正大概就是這樣的篩選過程>

<關鍵詞要少而精,列出最重要的三個>

  二、情緒板

有了關鍵詞事情還不是那麼簡單,因爲大家會對同一情感會有不同的認知,比如你認爲的陽光是藍天白雲,而我認爲的陽光是綠樹草地,這就會導致後續視覺設計在顏色偏好上會有爭議。所以我們必須要靠情緒板,把每個人對情感的抽象理解具象成實際可定義的元素。

因爲當時我們只有一個設計師,所以號召大家一同參與,佈置任務去幫我們在網上找一些符合陽光、溫暖和年輕的各種圖片來。這樣的找尋工作要篩選好幾輪,比如早期大家找的圖片會有兩個問題:

1)表達不夠準確,不夠普遍,比如一位同學找了個秋天落葉的照片會讓人覺得不是溫暖而是蕭條,有爭議;

2)不夠直接,比如有一位同學找了個媽媽燒飯的場景,從而聯想到溫暖的感受,但是我們覺得這也太隱晦了。情緒板上的圖片就是需要讓人不經思考,一眼看到就能感受到情感關鍵詞。

上圖就是最後篩選出來的『情緒板』啦,經過3輪的Review我們從300張圖片中找出了不到100個最終確認的圖。那這個情緒板對我們到底有什麼用呢?

1,圖片上出現的顏色、元素和感覺,就是我們接下來做視覺設計的時候可以用到的。比如那種陽光和溫暖的暖色和高飽色調,小花小鳥光斑元素,都是可以直接被借鑑在界面裏的;

2,因爲團隊都一起參與幫忙了,所以可以幫助統一”審美觀”(你懂的);

3,在做情緒板的過程中設計師本身也在跟着思考和完善自己的感覺;

  三、腦爆概念設計

有了情緒板設計師心中就已經有了很多想法,而且之後的推進成功率也大了很多,但是這個時候也不太適合馬上精細的做方案,而是用頭腦風暴的方法做概念設計。

1,用頭腦風暴的方法做設計是指,主要目標不是爲了馬上確定方案,而是儘可能多的收集創意和想法(如何用正確的方法做頭腦風暴)。不然設計師會很快陷入細節而錯過很多精彩的設計點子,而在後續推進的時候其他人也一定會質疑和提出各種反對方案,讓設計師反覆驗證和修改,所以我們一開始就要打開腦洞。

2,而所謂的概念設計,就是不用那麼靠譜和精細,表達大概感覺和意思就可以了,關鍵在於創意和想法而不是細節。

也是因爲當時人力不足,所以我號召了部門裏其他設計師以參加遊戲的形式來幫忙腦爆,大家利用工作之餘幫我們做一些效果圖,可以盡情發揮自己的腦洞。而且不用很精細,圖標網上扒一扒,界面擺的亂一些也沒有關係,但是最重要是一定要依據我們的『情感關鍵詞』和『情緒板』來開展。

這次同事的熱情參與超出了我的想象,雖然所處不同的項目也不是他們的分內工作,但是因爲大家平時都深陷各個項目做細節,做個新產品風格還能隨心所欲的發揮是很多人都樂意的,於是短短3天內,我們就收集到了50多不同風格的App設計方案。

有了方案就需要評審,最初的評審我們就是互相解釋設計想法和給點建議,大家互不批判,發現有趣的點子就讓對方修改一下,以把他的想法表現的更明確一些。而最終的評審就是有點相親會的感覺了,我們拉上了所有的設計師,產品的PM和各leader,還有公司內可能潛在的目標用戶,對方案進行投票。但是這個投票的規則不是純憑自己喜好,而是瞭解背景後,大家投出自己認爲最符合『情感關鍵詞』和『情緒板』的設計方案。