常見(jiàn)的平面設計基礎問(wèn)題總結
平面設計的基礎設計理論包括: 色彩構成、平面構成、字體設計、圖案設計、版式設計等。平面設計基礎能力可以概括為視覺(jué)化處理與傳達信息的能力。UI設計在視覺(jué)化界面操作的階段,與平面設計的交集是如何組織和處理每個(gè)界面的信息。平面設計中俗稱(chēng)的排版,把文字、表格、圖形、圖片等進(jìn)行合理的排列調整,有效傳達信息,并達到美觀(guān)的視覺(jué)效果。
1. 如何組織信息
組織頁(yè)面信息的首要任務(wù)是判斷信息優(yōu)先級,分清重要信息與次要信息,刪除無(wú)用信息。化繁為簡(jiǎn),降低視覺(jué)干擾。舉個(gè)小例子,從一份簡(jiǎn)歷,就可對一名應聘UI設計師的平面設計基礎能力略知一二。首先對無(wú)用信息的判斷(講真,曾看到簡(jiǎn)歷中還有體重信息)。其次是關(guān)鍵信息的組織排列、清晰表達。個(gè)人信息:姓名、年齡、照片、聯(lián)系方式;基本信息:工作經(jīng)歷、教育背景、職業(yè)技能;其他信息:興趣愛(ài)好等。數份簡(jiǎn)歷扎堆時(shí),信息有效快速傳達是第一步,再者才是加入一點(diǎn)點(diǎn)自己的小個(gè)性。
2. 如何對齊
日常工作中,經(jīng)常會(huì )遇到有關(guān)如何對齊問(wèn)題的PK,始終爭論不休各說(shuō)各理。首先達成信息優(yōu)先級主次的共識,可以提升排版的效率。
a. 信息分組
先從一個(gè)酒店預定成功通知消息案例來(lái)看,通知信息文字平鋪直敘,并未合理分組(左圖)。圖片部分上方酒店評價(jià)、信息地址和電話(huà)操作按鈕劇中對齊,酒店名成為了一個(gè)小標題。做適當調整后(右圖),使得正文通知、價(jià)格和時(shí)間字段分組明確。電話(huà)按鈕同酒店信息組對齊,使得圖片區域的文字和操作信息更為整體。
b. 居中對齊or左對齊
信息分組后,居中排列每組信息的小標題,模塊感增強,使得閱讀標題和每個(gè)組信息中產(chǎn)生視線(xiàn)的跳躍。小標題和每組信息統一居左對齊,更符合快速瀏覽和操作。比如在需要完成注冊任務(wù)的網(wǎng)頁(yè)中,標題居左更有利于視線(xiàn)快速向下流動(dòng),使得操作路徑更順暢。
3. 如何有重點(diǎn)
a. 大小對比
前面談了如何組織信息,那如何使主要信息更為有重點(diǎn)?首先可以通過(guò)拉開(kāi)大小比例,拿一張活動(dòng)海報來(lái)舉例。5米處能看到什么?海報的大圖案渲染氣氛的整體感受;3米處能看到什么?活動(dòng)主標題;1米近距離又能發(fā)現什么?具體信息和時(shí)間等。拉開(kāi)主次信息的尺寸大小對比,從空間距離上,使得觀(guān)眾接受信息傳達有了先后。觀(guān)眾近距離閱讀,信息有效傳達的順序同理適用。
b. 并非均分
看似沒(méi)有什么差錯的信息布局(左圖),為什么始終差了一些什么?由于細節之處并非理解信息主次。最初設計稿追求絕對的均分,導致信息較散,沒(méi)有“組”的緊湊感。
頁(yè)面元素中的左右間隔往往也會(huì )被忽視,如(左圖)中帳號頭像與頁(yè)面的左邊距=帳號名稱(chēng)之間間隔,使得頁(yè)面中間區域的信息散于頁(yè)面邊界。標題和發(fā)布時(shí)間也是通過(guò)設計軟件的居中對齊功能快速對齊,具有平面設計意識的排版不僅是設計軟件中的文本框絕對居中對齊,需要對信息分組與主次深入思考,避免機械的均分對齊。
<< 上一篇:平面設計中插畫(huà)的使用技巧 | >> 下一篇:banner設計中的標題設計技巧更具質(zhì)感 |
- 2019-03-11平面設計中插畫(huà)的使用技巧
- 2019-03-09平面設計中如何設計圖文疊加效果
- 2019-03-08平面設計必會(huì )的構圖技巧:對稱(chēng)與平衡
- 2019-03-07平面設計文字如何進(jìn)行創(chuàng )意化的運用
- 2019-03-06平面設計中如何利用色彩打造時(shí)尚感十足的作品
- 2019-03-05平面設計的時(shí)候如何讓配色看起來(lái)更高級
- 2019-03-04平面設計作品如何體現出視覺(jué)效果
- 2019-03-02新手如何零基礎開(kāi)始學(xué)習平面設計
- 2019-03-01平面設計作品如何看起來(lái)更大氣有設計感
- 2019-02-28平面設計師如何設計好看的banner
- 2019-02-272019年平面設計較新趨勢預測
- 2019-02-26平面設計色彩基礎-常用顏色的表現力
- 2019-02-22平面設計作品中如何體現時(shí)尚感
- 2019-02-21平面設計圖文混排技巧總結
- 2019-02-19平面設計中的負空間的表現
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16