跳到主要內容

[閱讀分享] 解構版面設計準則

既然打定主意要朝著設計方面努力,多充實自己的實力是必須的,而我個人認為除了上youtuber看看教學,就屬自行閱讀CP值最高。今天要來分享一本,花不到半天就看完的好書,內容淺顯易懂,搭配實際案例說明後更是讓人清楚明瞭,應用上拆解成一個個步驟後很容易就可以自行練習。

此書名稱是解構版面設計準則 By John McWade


      內容從顏色運用到版面編排都詳細說明後,再進行好幾個不同版面的實際案例分享,其中讓我印象最深刻的是顏色運用上的搭配後所呈現的效果令人驚艷!以前還不懂怎麼樣能夠善用顏色,看完後有種豁然開朗的感覺,或許這部分對很多人來說是件很基礎的事,但對於我這樣超級初階的新手來說,幫助非常大,若有跟我一樣對這方面很有興趣,卻不知從何開始的朋友們,也可以考慮從此書入門!在此,也跟大家分享經有此書而整理出來的另一篇文章[閱讀分享] 解構版面設計準則  色彩重點

      解構的內容大致上從設計元素開始介紹說明

      元素部分涵蓋
  • 版面介紹
  • 色環、顏色運用
  • 字型特點、搭配及運用

      接著除了基本元素外的素材
  • 照片剪裁、編排
  • 如何讓視覺停留在焦點上
  • 讓畫面說故事
  • 應用於網站製作、頁面設計、明信片等

      最後是賦予主題故事性的運用,基本上按照順序練習,慢慢地試著產出自己的作品,漸漸作品累計到一定程度時,進行比對後就不難發現自己是否有進步囉。

    人生就是不斷的自我挑戰!

留言

這個網誌中的熱門文章

[閱讀分享] 解構版面設計準則 色彩重點

顏色這部份是我很喜歡的一個區塊,這些內容都是從近期讀的 “解構版面設計準則” 整理出來的,有興趣的話歡迎參考 [閱讀分享] 解構版面設計準則 ,文章裡大致進行初步的介紹,當然,書是自己讀過消化了才能成為能量,推薦沒事就找時間讀讀吧! 圖片都是參考自己喜歡的輔助工具截圖的,若有興趣也可以參考以下這些網址,挑自己喜歡的來用。 http://paletton.com/#uid=c5C2O0t3h0kllllaFw0g0qFqFg0w0aF  (這是我用的網站) http://www.colorexplorer.com/ https://www.colorspire.com/ https://www.materialui.co/flatuicolors https://coolors.co/ 那麼,今天重點不是這些工具,就先不在這裡進行詳細介紹囉!改天再分享,現在就讓我們一同進入色彩世界中吧! 善用色環 色環中有12個基礎色調: 主色 - 紅、黃、藍 主色相互結合後 - 二次色 - 橘、綠、紫 主色+二次色 - 三次色  共有色 由部分相鄰顏色所組成 - 共有藍、共有黃、共有紅 色度 明暗之分為色度,由外到內可發現圖片顏色從淺慢慢加深 色彩關聯 單色配色 - 藉由單一色系,透過明暗對比呈現簡潔有力的好設計 類比配色 - 低對比度、顏色和諧,配色豐富,容易搭配,例如紅、紫、咖啡 互補配色 - 互補色能產生明顯對比,傳達出能量、活力,適合小比例強調用,例如紅、綠 分割互補色 - 對比強烈,最為相異的顏色,適合強調重點,例如主色紅,配上藍黃之間的顏色 主色配色  - 紅黃算是常見色系、藍紅則是少稍微間隔較合適,三色同時則較為少見 二次配色 - 主色間的共有色能產生柔和協調、色系強烈卻能互相搭配出豐富效果,例如紫色、咖啡、綠色 顏色設定主要可吸引注意力、設定氛圍、傳遞訊息 主要架構圖片,透過Photoshop 濾鏡 > 像素> 馬賽克效果 能分解成不同色塊  取主要的幾個顏色,淘汰相近的,便能與主要架構的圖片進行...

[App分享] 拓展版自家版圖的好地方

      最近,很認真在思考要怎麼推廣自己部落格,增加流量、曝光率,畢竟會寫文章就是希望能夠讓更多人看到啊!不過單純只是將網址分享出去的效率實在很差,而且很耗時。正當苦惱之際,我發現了一個超有趣的網站 PAIDERS !       透過   PAIDERS  免費提供的三個欄位,居然可以張貼任何圖片,再搭配我希望引導使用者去的網址,就可以導向任何網站、網頁上了、甚至是Youtuber頻道耶!而且這是跟欄位上的圖片會出現在很像遊戲APP裡Reach,還沒認真研究這部分下回分享~       這是我貼上去後在APP裡呈現的樣子,趕快去下載 Reach 來收藏它吧!        APP本身其實就像是一個廣告平台,不同以往的是它呈現的樣子敘述生動有趣、不像過去玩App時不時就彈出來的廣告擾人, Reach 甚至乾脆把圖片讓你拿來遊戲!這樣的行銷方式蠻棒的,可以透過圖片來增加曝光度,同時不造成使用者困擾,使用自由度很高。     講了這麼多來,說一下如何PO圖吧!     首先登入 PAIDERS  網站申請一組帳號     完成後,點選首頁即可登入     接下來就開始按照步驟貼圖囉!    第二、選取想要的分類位置,疑?發現一個很可疑的分類....不知道為什麼有這樣的設定?     難道還有什麼伏筆?!先不管它了,繼續往後說明。     最後,就是建立描述圖片,連結網址網址的部分,用心寫出好描述才會吸引力喔!      PAIDERS  網站貼圖條件 (500*500) 是圖片最佳呈現狀態,而且一定得是 JPG。     為此我申請了  Imgur 作為存放圖片的空間,詳細內容請閱 Imgur存放美麗事物的好所在 。     再...

[App分享] 最近很驚豔的一款APP,它叫作Reach

最近發現,之前有在Follow 的一個App,悄悄改頭換面了!原名為P&S.Wish Game,在10月10號當天更新為”Reach”。接下來說說,為什麼今天突然又想分享它呢?登入時,發現介面稍微調整了,原先登入會看到的商家、推薦的圖片變成個人資訊頁,在上頭除了可以看到個人ID 之外還多了三顆按鈕: 開通Paiders 點數(為日後兌換方便,要記得填寫真實資料喔!) 我的廣告 我的分享       藉由這張圖示,大家可以看到,我頁面上的第二顆按鈕並不是我的廣告啊!為甚麼會出現兌・獎・專・區呢?是的,透過點擊十次後就會出現,這設定其實還滿誘人的,因為透過十次廣告點擊即可蒐集點數!那麼,兌獎專區,可想而知當然是點數可以兌換的物件!不過由於這款App才剛改版,就帶給我這麼大驚喜,首先就來收集個625點測試看看是否真的能夠換到全聯點數!       說倒是滿簡單,卻要每天都花點時間點擊才能夠累積到點數,然而點擊似乎是系統計算點數的部分數據而已,因此,仍然在實驗中,等到測出累計點數的好方法再來跟大家分享!現在先來大飽眼福一下~~            既然只需要少少的時間即可完成,何不每日積少成多、聚沙成塔呢? 是不是跟我一樣躍試?心動不如馬上行動,都說是免費了當然要下載來試試看阿,期待你跟我分享心得唷!       對了! 這APP有邀請碼的需求,不嫌棄就用以下這組吧!再提供網址給你們參考 立馬下載/更新| https://goo.gl/Q3oXmG 【邀請碼:CDBW】 *目前開放Android系統 ----------------------------------- 【歡迎訂閱追蹤】 🈶 官方網站 | https://www.paidersworld.com/ 🈶 Instagram|@paiders_official 🈶 Youtube頻道| https://goo.gl/bHY3JT