Godzilla. 2016-08-05
網(wǎng)站建設(shè)
優(yōu)秀的網(wǎng)頁設(shè)計(jì)師習(xí)慣畫出靈感
當(dāng)你或你的團(tuán)隊(duì)開始設(shè)計(jì)一個(gè)網(wǎng)站的時(shí)候,線框站點(diǎn)的布局是非常重要的。優(yōu)秀的網(wǎng)頁設(shè)計(jì)一定要運(yùn)用線框圖。
線框(或線)函數(shù)一樣,建筑公司的藍(lán)圖或框模型:它給你審核的基本形狀前景和背景之間的關(guān)系,形式和負(fù)空間。箱子可以移動(dòng)。網(wǎng)格可以改變。粗糙的原因:立即呈現(xiàn)立即審查。電線也方便信息架構(gòu),最后使用測試,一旦批準(zhǔn),電線成為你的框架應(yīng)用的細(xì)節(jié)。
當(dāng)重新設(shè)計(jì)我的個(gè)人網(wǎng)站,我開始通過小縮略圖線從上記事簿。這些畫可以粗糙和不精確,但是他們直接的和必要的。(我有一個(gè)習(xí)慣,無論何時(shí)何地我都會(huì)帶著紙張?jiān)谏磉叀?這些圖紙布局的基礎(chǔ),著色,可以讓我對網(wǎng)站建設(shè)有很好的靈感。無論你是一個(gè)交互式或印刷設(shè)計(jì)師,鉛筆素描在“縮略圖”大小將很快讓你看到東西,瞬間改變和得到反饋你的團(tuán)隊(duì)和自己在一個(gè)同樣瞬時(shí)。
草圖與數(shù)字軟件可以很快發(fā)生,無論是一個(gè)Adobe Illustrator等產(chǎn)品,InDesign或Photoshop(甚至Flash)以及一個(gè)電子表格,如Microsoft Excel或谷歌文檔。還有能夠使用HTML / CSS線框模型。
線框圖工具:Adobe
不管你是在Adobe Illustrator,Photoshop或排版軟件名稱,使用Adobe軟件有一定的優(yōu)勢,尤其是通過創(chuàng)造性的云。你有你的團(tuán)隊(duì)和客戶之間共享文件的能力。Adobe Dreamweaver為前端和后端提供豐富的福利設(shè)計(jì)師。但是如果你選擇開發(fā)與Dreamweaver電線,你將不得不使用一個(gè)標(biāo)準(zhǔn)的Dreamweaver模板,自己或類型HTML / CSS。
初步研究與發(fā)展,包括線框圖,內(nèi)容和資產(chǎn)管理、項(xiàng)目管理以及最終設(shè)計(jì)和釋放,Dreamweaver提供了最好的端到端系統(tǒng)。對于那些沒有HTML / CSS知識(shí)的插圖畫家提供了許多數(shù)字繪畫。
優(yōu)秀的設(shè)計(jì)有很好的布局:保持網(wǎng)格
正如所有設(shè)計(jì)項(xiàng)目,包括線框,遵循良好的布局實(shí)踐是很重要的,尤其是當(dāng)它涉及到使用一個(gè)網(wǎng)格。你需要一個(gè)方法來結(jié)構(gòu)內(nèi)容,創(chuàng)建團(tuán)結(jié)在你的布局和品種,并創(chuàng)建一個(gè)網(wǎng)格是第一步。帕特里克·麥克尼爾公司優(yōu)秀的文章涵蓋的注意事項(xiàng)在網(wǎng)站中使用網(wǎng)格。雖然使用基線網(wǎng)格可能會(huì)復(fù)雜一些設(shè)計(jì)師,它可以幫助整體的統(tǒng)一排版布局,但至少,柱狀或模塊化的網(wǎng)格是絕對必須的。
大多數(shù)讀者會(huì)看到這些線框創(chuàng)建數(shù)字和測試數(shù)字,但如果迫不得已,你可以打印原型和用戶觸摸他們的紙上原型。
你想要看到更多關(guān)于網(wǎng)站建設(shè)的經(jīng)驗(yàn)嗎?
文章標(biāo)簽：
網(wǎng)頁設(shè)計(jì)
文章評論：