這篇文章就結(jié)合我的個(gè)人經(jīng)驗(yàn)，說說初學(xué)者對(duì)網(wǎng)站交互設(shè)計(jì)的一些誤解，幫助大家避坑。
誤解一：交互設(shè)計(jì)，就是用軟件做控件布局和跳轉(zhuǎn)鏈接

從我和朋友的原型圖就能高下立判，一個(gè)原型圖逼近成品，而我的，則可能好一點(diǎn)的手稿也要比我的原型圖清晰和美觀。

錯(cuò)誤地把交互理解為設(shè)計(jì)主體布局和頁面之間的跳轉(zhuǎn)關(guān)系，并且簡(jiǎn)單呈現(xiàn)給視覺，是我做交互設(shè)計(jì)犯下的第一個(gè)錯(cuò)誤。單調(diào)的頁面也僅僅體現(xiàn)了布局，絲毫沒有體現(xiàn)出交互，更沒有表達(dá)出不同的切換效果、換頁動(dòng)畫以及呈現(xiàn)方式，這會(huì)對(duì)視覺以及前端同學(xué)的工作造成很多的不便。

誤解二：交互設(shè)計(jì)，只是體現(xiàn)一個(gè)大概的設(shè)計(jì)概念

此條與誤解一有些許重疊的地方，總而言之就是設(shè)計(jì)太潦草和太簡(jiǎn)單。

在我的設(shè)計(jì)稿中，已知的網(wǎng)站944像素寬度也沒有體現(xiàn)出來，是根據(jù)目測(cè)隨意設(shè)置的邊距，并且每一個(gè)頁面的邊距都不同（因?yàn)槎际悄繙y(cè)隨便擺的）。同樣地，在高度方面更是沒有細(xì)致的規(guī)劃，沒有考慮到每一屏所顯示的內(nèi)容，沒有考慮到哪些控件可能出現(xiàn)屏幕上『青黃不接』的狀態(tài)。

實(shí)際交互和原型設(shè)計(jì)，應(yīng)該是像素級(jí)的工作，應(yīng)該讓視覺和前端的同學(xué)明確知道每一個(gè)控件的精確位置，而不是讓他們來替你做這件工作。工具方面，可以使用網(wǎng)格和屏幕分割線來劃分區(qū)域，便于設(shè)計(jì)。

還有最后一個(gè)誤解：交互不對(duì)內(nèi)容的排布做充分的考慮。這部分的內(nèi)容會(huì)在下篇文章中繼續(xù)詳細(xì)介紹，大家可以去看看。

以上就是“初學(xué)者談?wù)劸W(wǎng)站交互設(shè)計(jì)（上）”的內(nèi)容了，如果你還想了解其他相關(guān)內(nèi)容，可以來 產(chǎn)品壹佰 官方網(wǎng)站。