理解網(wǎng)站設(shè)計(jì)背后的創(chuàng)意過(guò)程
網(wǎng)站設(shè)計(jì)階段可以說(shuō)是網(wǎng)站建設(shè)項(xiàng)目最重要的階段之一。它通常涉及規(guī)劃階段定義的所有信息的具體化。設(shè)計(jì)階段的主要結(jié)果是網(wǎng)站的結(jié)構(gòu)和視覺(jué)表現(xiàn)。
網(wǎng)站設(shè)計(jì)師不僅應(yīng)該在技術(shù)上精通網(wǎng)站設(shè)計(jì)平臺(tái)和相關(guān)技術(shù)，還應(yīng)該是能夠思考的有創(chuàng)造力的人。
所有網(wǎng)站設(shè)計(jì)者都有不同的創(chuàng)作過(guò)程來(lái)實(shí)現(xiàn)他們的設(shè)計(jì)目標(biāo)。但從本質(zhì)上來(lái)說(shuō)，每個(gè)成功設(shè)計(jì)師的創(chuàng)作過(guò)程都保持不變。
通常，設(shè)計(jì)師會(huì)一步一步地遵循創(chuàng)作過(guò)程。讓我們看看指向您的五個(gè)過(guò)程：
1.草圖/頭腦風(fēng)暴的想法
一旦你完成了需求收集和分析，你非常確定你知道所有你知道的項(xiàng)目，是時(shí)候進(jìn)入你的創(chuàng)意領(lǐng)域了。拿一支鉛筆和紙，畫(huà)出你的想法！
素描是開(kāi)始任何設(shè)計(jì)的好方法。用鉛筆和紙(或?qū)懽职宀輬D)輕松地從一個(gè)想法跳到另一個(gè)想法。
無(wú)論你是網(wǎng)站設(shè)計(jì)師還是自由職業(yè)者，能夠用草圖向客戶(hù)傳達(dá)想法是非常重要的，尤其是在項(xiàng)目的早期階段。最佳實(shí)踐是為你的想法勾勒出一系列粗略的設(shè)計(jì)，并把它們縮小到幾個(gè)，這樣客戶(hù)就可以提供關(guān)于你是否在正確的軌道上的反饋。
根據(jù)客戶(hù)的理解或期望，您可能希望跳過(guò)草圖，進(jìn)入更詳細(xì)的線框或樣式圖塊。
2.定義內(nèi)容并創(chuàng)建工作流
當(dāng)您的客戶(hù)想到綠色信號(hào)時(shí)，第二，創(chuàng)意流程的下一步是創(chuàng)建工作流程。創(chuàng)建工作流包括創(chuàng)建網(wǎng)站上包含的每個(gè)部分的列表，以及每個(gè)頁(yè)面上將顯示的內(nèi)容類(lèi)型的簡(jiǎn)要信息。
向客戶(hù)提供大綱或工作流，以便他們可以添加、刪除或調(diào)整任何部分或功能。與客戶(hù)共享工作流給了設(shè)計(jì)師創(chuàng)造空間，從而有助于創(chuàng)造創(chuàng)新的設(shè)計(jì)概念，并使客戶(hù)保持在一個(gè)循環(huán)中。
客戶(hù)需要在項(xiàng)目繼續(xù)之前批準(zhǔn)工作流。這將有助于你制定預(yù)算和時(shí)間框架來(lái)建立你的網(wǎng)站(不是創(chuàng)作過(guò)程的一部分，但一切都很重要)。
3.低保真線框
最低保證的真正線框?yàn)槟膭?chuàng)意設(shè)計(jì)提供了一個(gè)框架。這些線框是網(wǎng)站布局的簡(jiǎn)單線條圖，關(guān)注元素的位置，而不是顏色和類(lèi)型。他們?cè)敿?xì)描述了網(wǎng)站上提供的功能，如用戶(hù)賬戶(hù)、社交網(wǎng)絡(luò)功能或注冊(cè)簡(jiǎn)介。最小保證線框作為草圖呈現(xiàn)給沒(méi)有圖形的客戶(hù)。
設(shè)計(jì)者在開(kāi)發(fā)線框時(shí)不應(yīng)該害怕實(shí)驗(yàn)。有時(shí)候，當(dāng)你填寫(xiě)更多的細(xì)節(jié)時(shí)，你可能會(huì)意識(shí)到原來(lái)的布局并不好。這是線框過(guò)程的整個(gè)過(guò)程。制作盡可能多的藍(lán)圖，以最大限度地減少表達(dá)信息的最佳方式。
4.高保真線框
后低保真度線框，高保真線框在提供真實(shí)產(chǎn)品(在這種情況下，是你的網(wǎng)站)的更真實(shí)體驗(yàn)中起著關(guān)鍵作用。這些線框提供了更好的產(chǎn)品輪廓；在最低保證線框中填寫(xiě)缺失的細(xì)節(jié)。這些線框定義了頁(yè)面的視覺(jué)層次、實(shí)際形式和交互元素，以及常規(guī)標(biāo)簽、說(shuō)明文本和一些副本。
它們非常有幫助，因?yàn)樗鼈儧Q定了哪些內(nèi)容應(yīng)該是最重要的，以及它們可以占據(jù)多大比例的頁(yè)面空間。它們可以順序使用，以顯示如何在一系列屏幕中完成特定任務(wù)。這些線框突出了產(chǎn)品的用戶(hù)友好性和直觀性。
高保真線框融合的細(xì)節(jié)層次與實(shí)際的網(wǎng)站設(shè)計(jì)非常匹配，但它不應(yīng)該指定最終設(shè)計(jì)或UX。因此，在最終確定之前，您應(yīng)該嘗試不同的版本，并嘗試線框信息設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和用戶(hù)界面設(shè)計(jì)的3個(gè)主要組成部分。最后，選擇一個(gè)最適合你客戶(hù)需求的。
5.視覺(jué)原型
網(wǎng)站設(shè)計(jì)者使用收集的網(wǎng)站視覺(jué)表現(xiàn)(見(jiàn)線框生命的終極網(wǎng)站設(shè)計(jì)工作區(qū))。該原型旨在為您的網(wǎng)站建設(shè)客戶(hù)提供一種視覺(jué)效果，在網(wǎng)站開(kāi)發(fā)人員花時(shí)間構(gòu)建網(wǎng)站之前，該網(wǎng)站在瀏覽器窗口中會(huì)是什么樣子。
圖形原型是向客戶(hù)展示完成的網(wǎng)站的最佳方式，因?yàn)樗梢燥@示近乎精確的顏色、字體大小的精確表示以及網(wǎng)站上所有導(dǎo)航和內(nèi)容元素的相對(duì)位置。
為了在設(shè)計(jì)中實(shí)現(xiàn)這種美妙的外觀和感覺(jué)，網(wǎng)站設(shè)計(jì)者應(yīng)該有創(chuàng)意、好玩的設(shè)計(jì)元素和整體用戶(hù)體驗(yàn)。實(shí)驗(yàn)并選擇正確的顏色，字體和字體組合是你設(shè)計(jì)的品牌和網(wǎng)站的理想選擇。
這個(gè)想法是使用一個(gè)小的嘗試和錯(cuò)誤來(lái)提出一個(gè)獨(dú)特的，視覺(jué)上吸引人的和高度功能性的設(shè)計(jì)。這是一個(gè)可靠有效的創(chuàng)新過(guò)程的標(biāo)志。
