美感養成
Jhane
maintainer
2 Followers
25 Articles

畫面中的視覺動線設計

Jhane

有意識地控制觀看者的視線

3

修正版|設計法則:格式塔理論 Gestalt Theory

Jhane

Design by Jhane Chou❗ 本篇修正圖片,以符合內文描述。統一文字格式,使段落分隔一致。將完形心理運用在畫面中,能有效引導視覺動線格士塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。

設計法則:格式塔理論 Gestalt Theory

Jhane

Design by Jhane Chou將完形心理運用在畫面中,能有效引導視覺動線格士塔理論也稱「完形心理學」,是心理學家對於知覺組織的一種看法。將完形心理運用在畫面中,能有效引導視覺動線。本篇舉例將著重在視覺設計、視覺引導,介面設計的運用會另外出一篇。

AI|放射狀背景的製作方式

Jhane

使用 illustrator 快速製作放射狀背景吧!Design by Jhane Chou學會之後就不用一個一個畫三角形囉。01|繪製線段開啟 Illustrator ,繪製一條線段,方向由右上至工作區域中心。Screenshot & Design by Jhane C...

Back to All

設計資源與參考統整(二)

Jhane

Design by Jhane Chou統整目前為止常逛的網站前篇寫的多半是廣為人知的網站,本篇內容是個人常用,撇除廣為人知的平台,這次只介紹注重的項目及兩個平台。⊙ 前言設計家教需要準備課程講義,大部分的示意圖會自行製作。Design by Jhane Chou當我要舉出優秀的...

醫學符號-蛇與權杖

Jhane

Design by Jhane Chou關於雙蛇杖與單蛇杖的由來與用途在醫學領域,可見到單蛇杖符號,有時則是雙蛇杖符號;這兩者到底有什麼差別呢?其中的意義又代表著什麼呢?醫學符號-蛇與權杖某天,看著 Netflix 的影集《流行大百科》在影片中出現了蛇杖的醫學符號,引起我的好奇,到底一條蛇跟兩條蛇差別在哪裡?

無痛學習簡易的版面概念

Jhane

Design by Jhane Chou關於版面率、留白率、網格等基本觀念不論是平面設計、介面設計,都能見排版這一詞。而排版的作用,即在明確的設計目標中,將所有元素做有組織的安排,精確地傳達訊息。⊙ 排版是什麼?不論是平面設計、介面設計,都能見排版這一詞。

[深夜陪你讀]生活可以很美

文科妹的營銷生活筆記

2020年,大家都辛苦了。生活看似愈來愈暗淡無光,其實我們是不是遺漏了甚麼呢?我最近都一直在不停翻閱一本書,是生活手帖社所編的花森安治言葉集《那些美麗的事物》。讓老師的話配合著他的插畫,為生活帶來一份治癒。花森安治是《生活手帖》的初代編集長,當初是在日本戰敗後希望協助國民重建他們的生活。

設計法則:圖地反轉 Figure–ground Illusion 及負空間 Negative Space

Jhane

運用錯視與留白,讓設計更迷人Design by Jhane Chou利用錯視,將我們想傳遞的內容,置入於畫面中,不直白告訴觀看者訊息,而是讓觀看者自己去發現,達到互動與傳遞的效果。⊙ 圖地反轉是什麼?魯賓之杯-丹麥心理學家魯賓(E.Rubin.

設計基礎:色彩感覺

Jhane

由大多數人對色彩的感受,訂定出約定俗成的色彩認知Design by Jhane Chou每個人對色彩的喜好與反應,會因認知、價值觀、信仰、年齡等因素產生些許的差異。⊙ 色彩感覺的探討色彩的意象影響我們對色彩的感覺與心理,形成某種認知。通常以大多數人對色彩的感受,訂定出約定俗成的色彩認知。

1

設計適合的介面插圖

Jhane

Design by Jhane Chou插畫創造出的視覺語言,將概念簡化為易於理解的圖像,讓訊息變得清晰部分的設計師在設計介面插圖時,常常設計出與介面感覺不符合,甚至是複雜的插圖。他們將視覺效果作為目標,這樣的視覺,壓過了介面插圖的首要任務:將概念簡化為可理解的圖像,幫助使用者理解訊息。

設計基礎:色彩結構

Jhane

了解色彩與其屬性的關係,培養對色彩的敏銳度Design by Jhane Chou目錄⊙ 1.2.1 色彩屬性⊙ 1.2.2 色彩分類⊙ 1.2.3 有彩色⊙ 1.2.4 無彩色⊙ 1.2.5 最後的碎碎唸⊙ 1.2.1 色彩屬性Design by Jhane Chou色相 H、...

設計基礎:配色方式

Jhane

色彩搭配能傳遞情緒,給予心理暗示,營造不同的氛圍Design by Jhane Chou以解析作品方式,介紹基礎的配色觀念與不同的色彩搭配。其他章節會介紹實作方式,你將發現他們有所不同的地方,並不如想像中地容易。目錄⊙ 1.1.1 關於色調⊙ 1.1.2 單色搭配⊙ 1.1.3 ...

設計基礎:美的形式原理

Jhane

Design by Jhane Chou十項美的形式原理美的形式原理指物的形狀、結構,探討一切事物的形狀和結構原理;可歸納成十項形式原理。美的形式原理有多種版本,可再自行查找相關資料。⊙ 十項美的形式原理秩序 Order涵蓋其他美的形式的構成形式上賦予規律性的組織所形成的優美視覺...

淺談版面設計的觀念

Jhane

Design by Jhane Chou透過適當的版面安排、組織元素,有效地傳達訊息在先前的文章《好讀的排版指南》著重於好讀的體驗,即是本篇的前身,接下來將對各項內容,提出更深入的觀點。排版設計的用意是傳達訊息,而我們如何吸引人觀看,以及讓人願意停留,這些都是影響訊息是否能有效傳達的因素。

設計基礎:點.線.面 Point and Line to Plane

Jhane

Design by Jhane Chou構成視覺的基本元素平面構成的形態要素,藉由「點、線、面」的不同形態結合,可產生多種表現手法和形象。Design by Jhane Chou點&點構成點-可見的最小單位點,沒有方向、大小、形狀;依據大小、型態、擺放位置的不同,產生的視覺與心理作用也不同。

私藏創作配色方式

Jhane

色彩搭配能傳遞情緒,給予心理暗示,營造不同的氛圍Design by Jhane Chou每個人對於色彩都有不同的見解,但色彩是有脈絡可循的;配色同時也代表這個人的用色風格,以及對色彩的掌握度。在《淺談色彩原理》中曾提到:如果說素描是繪畫的基礎,那色彩原理就是配色的基礎。

好讀的排版指南

Jhane

善用好讀的排版指南,提高使用者持續閱讀的意願Design by Jhane Chou先前的文章《如何創造視覺層級》提到: 視覺層級除了能讓畫面的視覺編排精緻好看,更重要的功能,是能讓畫面有效地被組織,讓觀者更容易理解。視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心。

淺談色彩原理

Jhane

如果說素描是繪畫的基礎,那色彩原理就是配色的基礎Design by Jhane Chou我們提到色彩原理就是配色的基礎,這句話稍微狹隘了一些,其實了解色彩原理能夠提升的不只有配色,還有設計視覺運用,甚至是印刷觀念都跟色彩原理有關。曾經與朋友發生了這段對話:「客戶說我的配色髒髒的,那是什麼意思?

運用插畫練習提升設計能力

Jhane

插畫要掌握的東西很多,可在練習的過程中,學習或實驗不同的方法Design by Jhane Chou當然這過程並不是漫無目的,而是每一次都有個主題,例如色彩的實驗、氛圍的嘗試、構圖的設計、留白的練習 … 等等,甚至只是單純的表達感受。最常見的練習方法不外乎就是找參考作品來模仿,但...

如何創造視覺層級

Jhane

視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一Design by Jhane Chou視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。視覺層次?層級?多數人較多接觸的詞彙是「層次」,大多描述畫面是否豐富有變化?

設計資源與參考圖統整

Jhane

統整目前為止常用的網站與設計資源Design by Jhane Chou這是自己「找設計與參考圖」常用到的幾個網站清單,意外地到現在都沒增加(咦~?也許是最近忙些其他事情的緣故!)總之,如果有新增其他的,會再另外開一篇。常用也最廣為人知先介紹較多人知道的設計平台。

淺談版面設計的運用

Jhane

整理編排設計上可運用的技巧,遵循幾個基本原則,也能營造出良好的視覺效果Design by Jhane Chou版面設計有許多脈絡可循,點出幾個常見的方式,有技巧的將元素安排於畫面中。元素安排有時候,使用少量的元素,哪怕只有一張圖片,甚至是文字,也能透過編排設計,製作視覺;明白各元素的擔任的角色,遠比塞滿畫面重要。

從臨摹開始學習繪畫創作

Jhane

晚安,最近的我,為了經濟努力打拼,雖然已山窮水盡,依然期許自己保有內心的富足 ;) 當我一回神,已經半夜一兩點,只好在這時候發文。希望起床後,一切能更好,或讓我有額外的時間來更新近況。以下正文開始!學習任何事物,總有那最初的開始Design by Jhane Chou此篇文由我與工作室的搖錢樹一起構想。

設計法則:約束 Constraint

Jhane

約束使設計更易於使用,並降低出錯的可能性Design by Jhane Chou日常中有不少約束設計的例子,它在生活中佔有一席之地,舉凡紅綠燈、電梯上下行的限制等等。生活中的約束設計睡前刷牙有搭配漱口水的習慣,幾個月前,發現漱口水牌子換新包裝,蓋子增加卡榫設計,我沒仔細閱讀說明,...