2014-3-7 藍藍設計的小編
轉載藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
一、門票:大門票產生大印象讀者特利發給我們一張他設計的洗車券,這張洗車券是他希望為他兒子的游泳隊籌集在游泳池訓練的各種費用而舉行的一次洗車籌款,而它的有趣之處就在于其尺寸相當搶眼:
沒有人會對它視而不見:這張洗車券是一般門票尺寸的兩倍之大,界面設計起來也很容易,從視覺上也非常能吸引有興趣的消費者。大圖片及大標題使這張洗車券產生一張海報的視覺效果,效果當然不錯。
無論是什么樣式,花些心思設計的名片總會比簡單將文字放上去的名片要傳達出更多的東西,我們如何將一張單純由文字構成的名片設計得更漂亮?
修改前的名片并沒有經過“設計”,只是堆徹。就象你在屋里擺放家具一樣,只是將家具隨意擺到角落里,沒有精心的“布置”。這張名片,全部信息都一目了然,但這些信息并不吸引人,米色的背景也顯得很普通,就象在人群中的一個普通人,沒有人會注意你。
而上圖,同樣的信息,卻是經過設計的。自信的名字及職務在白色的卡片上左對齊,突出了Glorietta本人,而不是那個了無生氣的企業名稱,并且 該老兄是一名科技作家,有意識的排版突出了“寫作”這一抽象意義。較大的文字自動傳達有效的信息溝通。通過對比(大/小,襯線體,非襯線體)形成有組織、 有目的的構成,傳達出一種簡樸的風格,但并不乏味。如果還想更引人注目,可以象下面一樣更換一下顏色區域:
—————————————————————————————————————————————
你如何設計一張與烹飪配方相關的宣傳卡片?不要將那些用料簡單地用文字列出,顯示它們!這個方式適用于任何指引性的ui設計項目。
修改前:簡單地將各種用料用文字羅列出,顯得簡單,但也顯得普通,如果我們用具體的圖片來表示出其用料,看看效果如何?
修改后的版式充滿色彩及味道!關鍵是它還顯得獨特。雖然你也知道芫荽是什么東西,但用圖片表示出來后,通過視覺輔助,我們對這道菜式會比單純看文字 有更多的味覺想象。留意我們的各種配料都是在白色背景上干凈地呈現出來,每一種都加上一些陰影,進一步加強了視覺的真實性。看了修改后的卡片,你是不是已 經食指大動?
—————————————————————————————————————————————
我們很喜歡DELO小島燒烤店的菜單,因為在我們的眼中它顯得很酷,它只是由黑白線條(沒有灰度)構成,這些線條構成了餐廳的標志及名稱。既經典又實惠的界面設計!
(上圖是在Indesign軟件中制作,但其描繪功能與AI基本相同,或其它的矢量軟件均一樣可輕易制作)
—————————————————————————————————————————————
你有一個團隊,但卻沒有一張合影照,那如何在設計中顯示團隊精神?我們將個人照片并列,但選擇一個人作為其中的領頭人物,這種設計既靈活又給人印象深刻。
合影照片當然很適合表現團隊精神,但它又會限制表現每個人的個性。更加靈活的選擇是將每個人的單獨照片合起來形成一個令人印象深刻的排版。如果照相時的背景你可以選擇,盡可能讓每個人的背景及燈光接近,照的時間不要僅照頭部,最好拍到整個上身,照片清晰度要高。
最后,這個學生會成員的ui設計就變成上圖這樣,其中學生會主席的形象顯得更加重要且成為一個焦點。該設計主要通過三個步驟即可完成:
第一步是將照片剪切得基本一致,頭部尺寸及眼睛水平線都應該盡可能一樣(當然,由于各人姿態不一樣,允許有一些差異)。
一旦定下各人的尺寸后,最重要的第一個人物不要剪切,但去掉其身后的背景。
富沖擊力的排版使這張學生會成員介紹的界面設計顯得非常突出,它比普通的那種傻乎乎的團隊照效果更好,因為設計師可以靈活安排其中每個人的照片,使到整 體既具有一種團隊的氛圍,但同時又能顯示出每個人的特性。使這些學生與觀看的人在情感上距離更近。這樣的排版另外的好處就是能夠讓你在版面空間的安排上更 靈活,并且有更多的空間給你的放置標題及文字。
本文顏色數值如下: