Qlite 快來報價! 專為一人公司打造,輕量級 CRM 讓你輕鬆管理客戶與報價,按此免費開始 👉 [產品連結]

Home

一些學習與心得

  • 設計的心理學(5)— 概念模型

    設計的心理學(5)— 概念模型

    閱讀這篇前,可以先再複習一下前面提到的設計的基本原則,文中我有提到二大設計目標,其中一項就是「易理解性」,而易理解性根據我在文中解釋指的就是「概念模型」,也是我…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(4)— 對應性、回饋、使用局限

    設計的心理學(4)— 對應性、回饋、使用局限

    預設用途與指意的應用方式,其實就是在於與操作者之間關係的互動與指引,在本書在第三章,有提到關於人類大腦的記憶結構與行為模式;總而言之,結論就是「大腦有時並不是那…

    閱讀全文

    「huangruilin」的個人頭像
  • 設計的心理學(3)— 預設用途與指意

    設計的心理學(3)— 預設用途與指意

    預設用途是物體的屬性和操作者能否使用、如何使用這個物體的相對關係,中文或稱環境賦使、可操作暗示、支應性、示能性,而不管從中文或是英文的意思來看,預設用途的重點都…

    閱讀全文

    「huangruilin」的個人頭像
  • 切圖的細節—不會消失的一像素

    切圖的細節—不會消失的一像素

    這篇文章討論了切圖的細節,特別是使用工具Cut&Slice Me自動生成不同解析度的圖像。強調當圖小於1px時的意義,以及電腦如何透過補灰色來保持間隙可…

    閱讀全文

    「huangruilin」的個人頭像
  • iOS、Android 色彩透明度的標示方式

    iOS、Android 色彩透明度的標示方式

    早期網頁設計還沒支持透明度的屬性時,設計師要自己調色,來控制顏色的明暗,所以會發現許多網站關於灰階顏色的定義,基本上都用過一輪,但其實這樣的方式比較沒效率,後續…

    閱讀全文

    「huangruilin」的個人頭像
  • APP切圖的命名方式

    APP切圖的命名方式

    的命名方式,基本上沒有什麼固定的規則,但就我個人的經驗,切圖命名是一件很重要但很麻煩的事,一個 app 的開發,可能有數十張甚至百張的切圖,還要依不同解析度去做…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計使用的繁體中文字體 –Android篇

    關於 Android 的介面設計,在前幾篇有提到相關的製圖環境設定: 如何在illustrator 上設定Android的製圖環境 而這篇主要介紹如何在 And…

    閱讀全文

    「huangruilin」的個人頭像
  • 介面設計使用的繁體中文字體 – iOS篇

    介面設計使用的繁體中文字體 – iOS篇

    在進行介面繪製時,我們會盡量讓繪製出來的畫面能夠與工程師刻出來的畫面一致, 而字體的部份,也會使用裝置所預設的字體,如果為了美觀選了一些 iOS 沒有支援的字體…

    閱讀全文

    「huangruilin」的個人頭像
  • 金馬51主視覺分析

    金馬51主視覺分析

    這張圖片是金馬51的主視覺,是台灣知名設計師,蕭青陽的作品。當初這張作品出來時,被惡搞了一翻,但就設計的角度來看,這樣的主視覺還是可以用黃金分割來做簡單的分析。…

    閱讀全文

    「huangruilin」的個人頭像
  • 如何在Illustrator 上設定Android的製圖環境

    使用illustrator繪製介面的人不多,而且網路上可以參考的文章也很少,記得我第一次接觸到介面設計時,公司交接給我的是一份又一份的紙本文件,所有的標式方式都…

    閱讀全文

    「huangruilin」的個人頭像
  • 如何在illustrator設定iphone6及iphone6 plus的製圖環境

    如何在illustrator設定iphone6及iphone6 plus的製圖環境

    這篇文章探討如何在Illustrator中為iPhone6和iPhone6+設置製圖環境,特別是其顯示解析度與設計布局的複雜性。作者提出三種方案以解決多尺寸介面…

    閱讀全文

    「huangruilin」的個人頭像
  • Illustrator專用標示文件工具 CADtools

    Illustrator專用標示文件工具 CADtools

    這次來介紹一下一套我常用的標示工具CAD-tools,這套工具是由Hot Door所開發的 Illustrator 套件,安裝後就可以像 Autocad一樣,在…

    閱讀全文

    「huangruilin」的個人頭像
  • 關於kerning與tracking

    關於kerning與tracking

    這陣子剛好在研究  google 的 material  design,偶然發現 kerning與tracking這兩個名詞。到底這兩個字有什麼差別,於是我稍查…

    閱讀全文

    「huangruilin」的個人頭像
  • 4am democracy 海報視覺分析(part2)

    4am democracy 海報視覺分析(part2)

    這篇文章探討黃金分割比率在海報設計中的應用,尤其是分析聶永真設計的《4am democracy》海報。文章指出,雖然設計中可能無意識地符合黃金比例,實際上可能是…

    閱讀全文

    「huangruilin」的個人頭像
  • 4am democracy 海報視覺分析 (part1)

    4am democracy 海報視覺分析 (part1)

    這篇文章探討了台灣反服貿運動中一幅由設計師聶永真創作的海報,強調其目的在於提升國際關注。文章分析了海報設計的四個基本原則:相近、對齊、對比、重覆,並討論其有效性…

    閱讀全文

    「huangruilin」的個人頭像
  • 如何在Illustrator上設定完美像素(pixel perfection)

    如何在Illustrator上設定完美像素(pixel perfection)

    這篇文章討論了Illustrator在數位產品介面設計中的應用,指出雖然已有許多更專業的軟體可供選擇,但Illustrator依然具優勢。文中提到如何通過設定像…

    閱讀全文

    「huangruilin」的個人頭像