轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源：http://www.woshipm.com/design/23303.html
滿大街都是suface廣告時(shí)，利用色塊和圖標(biāo)組成的設(shè)計(jì)應(yīng)該也會(huì)蠻時(shí)尚，尤其是針對(duì)城市畫報(bào)這本小清新雜志。固定的排版很難做出新鮮感，將標(biāo)題作為色塊錯(cuò)落的隱藏在圖片中，更能豐富畫面。
【方塊該怎么玩?】
尤其是針對(duì)以圖片為主的站點(diǎn)，wp8風(fēng)格能較好的滿足展示需求。由于其具備一定的不規(guī)則性，能讓圖片能很好的排布在固定的區(qū)域內(nèi)。再深入思考，是不是每個(gè)區(qū)域的標(biāo)題一定要放置在圖片區(qū)域的上方，答案是否定的?？梢詫D片區(qū)的一部分挖空，填充上完整的色塊，進(jìn)而輔助這個(gè)區(qū)域的說(shuō)明。
試想著，如果空間全部被圖片填充，有趣圖片和編輯是存在著不可控的屬性，要想做到區(qū)域的相互呼應(yīng)，設(shè)計(jì)師應(yīng)該多想一步。即把某個(gè)原有的圖片固定下來(lái)。比如下面的“這里好玩”，讓其成為貫穿整體設(shè)計(jì)的一個(gè)輔助元素，且能很好的貫穿整體。
【盡量讓設(shè)計(jì)擁有細(xì)節(jié)】
如果滿屏都是框架結(jié)構(gòu)，會(huì)出現(xiàn)一個(gè)很大的問(wèn)題，即畫面感會(huì)過(guò)于秩序，整體看上去顯得蒼白呆板。為了破除這種秩序感，可以對(duì)框架中的某些區(qū)域進(jìn)行特別的處理。比如下圖中的標(biāo)題，可能并不是采用單獨(dú)標(biāo)題的形式出現(xiàn)，呼應(yīng)主題的色彩和圖形能讓設(shè)計(jì)更耐看。
為了增強(qiáng)網(wǎng)頁(yè)的可用性，將某些功能獨(dú)立出來(lái)。因?yàn)檫@是介紹2012創(chuàng)意生活節(jié)的網(wǎng)頁(yè)，核心訴求就是告訴大家“怎么參與“和”到哪里參與“，只有明確這兩點(diǎn)訴求，感興趣的用戶才會(huì)進(jìn)行二次瀏覽。所以“我要參加”和“交通指南”會(huì)做的十分明顯，并伴隨網(wǎng)頁(yè)的瀏覽一直固定在屏幕的右側(cè)。
在活動(dòng)專題里，在明顯的位置應(yīng)該備注清楚”時(shí)間“和”地點(diǎn)“信息。一般大部分用戶很想快速瀏覽完這個(gè)活動(dòng)究竟是什么?對(duì)他而言有什么幫助?如果不能在一屏了解到他們所需的東西，那么離開(kāi)是必然的。
【二維碼方塊怎么變得有趣?】
經(jīng)過(guò)萬(wàn)圣節(jié)，車展的嘗試，二維碼感覺(jué)已經(jīng)成為每個(gè)落地活動(dòng)必不可少的元素。如果每次都以那個(gè)怪物一樣的圖形出現(xiàn)，是不是會(huì)有視覺(jué)疲勞?換種思維模式，根據(jù)每次活動(dòng)賦予其一個(gè)角色。比如同樣是人，圣誕節(jié)他是圣誕老人，萬(wàn)圣節(jié)他是吸血鬼，車展她是靚麗車模，而創(chuàng)意生活節(jié)，可能就是超人(迎合活動(dòng)的主題)。
【相關(guān)網(wǎng)址】
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com