設計進程中編成的各族主要的設計決策
正在創立界面元素的同聲就對於它們正在分歧性與規范化等范圍的特質停止仔細的考慮,這是很好的習氣。很棒,接上去該當將設計稿托付給前者開拓了;你預備怎麼就計劃中的每個底細元素與開拓人員停止溝通呢?回憶一下你們正在設計進程中編成的各族主要的設計決策,那些背景的沒有通明度為60%、佔有一像素淺灰色邊框的器皿,那些像素級准確的padding與margin設定...一切該署,你們該當以怎麼的形式與開拓人員停止交換,能力讓他們理解到該署主要的底細呢?
或者許你會想,作為設計師,該署莫非沒有是我們正在天性當中該當理解的嗎,何必搞到文檔中呢?正在實踐任務中,設計師沒有能夠包攬一切的事件,相似生意鑽研、形式戰略、網頁瀏覽者經驗、技能開拓、QA、安排等范圍的任務需求觸及到的人員和團隊或者許會有很多,你要正在適當的環節將文檔托付給對於應的競爭單位,使他們正在多餘的時分能夠愈加精確的理解網頁貨物的特點。
分歧性
一般,正在網頁的界面設計任務終了以後,交互設計師與聽覺設計師就該開展格調指北方面的任務了。格調指南的最終指標就是讓形式以明晰況且分歧的聽覺格調出現進去。這種絕對於形象化的做法也能夠使你的設計思維和企圖失去表現。看看你能否相熟上面那樣的情形:你們曾經正在Photoshop或者Fireworks當中制造了圓滿的聽覺稿,每個像素都很到位,焦距離掌握的沒有錯,配飾即正當又富饒含意。
好的格調指南看下去就像是網頁的自傳,它可以讓其別人與之停止互動,從而進一步理解並擴大某個網頁。
正在設計進程中,我們或者許要編成成千盈百個大大小小的設計決策,任何一度顯然或者隱秘的元素當中都有能夠包含著一定的意思,並對於頁面全體的網頁瀏覽者經驗形成反應。格調指南該當蘊含有關人員正在網頁名目進程中所積攢的學問與經歷,並以直白的形式形容進去;它正在設計零碎的層面上注釋了名目進程中的各族設計思緒,使團隊中的其餘設計師,或者是未來的團隊,可以更好的理解名目,開展任務。(Global
Experience Language,GEL)就是網頁格調指南的絕佳實例。固然,沒有同名目當中的聽覺設計格調會有所變遷,但基於該署名目所形象進去的形式卻能夠維持絕對於一致。
別待到名目停止到前期纔開端格調指北方面的任務,你徹底能夠正在設計進程當中小半點的將逐步幼稚的界面格調規范增添到文檔當中。要將一切該署底細都落實到文檔中,這樣所破費的工夫或者許會超越設計進程自身;名目組生怕難以接受那樣的利潤。
『分歧性』是界面當中的一切元素都該當存正在的廣泛特質,作為設計系統的一全體,它們都該當表現出分歧的設計思維。
什麼是網頁共同格調?容易的說,就是一份通知你如何確立一些規范,相似怎麼撰寫文案、怎麼排字、怎麼制造聽覺元素和交互形式之類。
對於於零碎的本事
沒有管是保守印刷,還是互聯網絡,最要害的都是『形式』。
這種形式同聲能夠協助我們構建一套絕對於自正在的設計形式庫。
DrupalCon Chicago民間網頁的格調指南,對於於大局格子及界面格局的全體。
。格調指南源自於印刷畛域,正在Web畛域,它異樣表現出了碩大的價格。當眾人運用沒有同類型的設施拜訪你的站點時,維持聽覺格調及經驗的分歧也是很主要的。
格調指南沒有需求對於每個設計元素當中每個像素停止注明,我們要做的是小結出一系列通用的設計准則,使名目中的有關人員了解和體會。換句話講,優良的界面諧和性所帶來的美好經驗會讓網頁瀏覽者正在人沒有知;箌聿瘓鮸當中發生愉悅的感想。
優良的界面分歧性是沒有會被網頁瀏覽者所留意到的。
我(英文原文筆者)一般會正在格調指南當中借用這篇作品當中引見的『界面諧和性畫布』這一形式,將名目所觸及的一切垂范設計元素同聲出現正在一張畫布當中,囊括它們各自沒有同的形態,以及對於應的代碼片段。無妨經過頁面右側的『Download
GEL Web Styleguide』鍵入一份PDF文檔來稍作理解先。
首頁home
|