[講義] 圖標設計Pictograms-design--指標系統設計範例 1. 圖標文字設計Pictograms-design2. 參考網站3. 相關範例3.1 The Children Hospital Wayfinding System3.2 Parque D. Carlos I 公園3.3 Museo La Plata, Paseo del Bosque. Sistema de Señales　博物館3.4 Señalización estadio Pascual Guerrero　運動場3.5 Pictogramas Rio 20163.6 Pictogramas Rio 2016　2016里約奧運1. 圖標文字設計Pictograms-design Pictograms稱為象形文字、圖標文字、圖形文字、繪畫文字等，也就是將特有意義的圖像當作文字閱讀，作為辨識之用。 在設計上，延伸為作為公共場合辨識的圖標設計。針對其特有的意涵，設計為一眼就能辨識其意義的圖像設計。 [hr] 2. 參考網站 40 Amazing Examples of Pictograms For Your Inspiration : http://webdesigneraid.com/40-amazing-examples-of-pictograms-for-your-inspiration/#sthash.WpZJWkS8.dpuf [hr] Pictogramas Rio 2016 http://www.behance.net/gallery/Pictogramas-Rio-2016/11383205 [hr] Face the Animals: Animal Line Icon Set http://www.behance.net/gallery/Face-the-Animals-Animal-Line-Icon-Set/12422325 Pictograms - ZOO http://www.behance.net/gallery/Pictograms-ZOO/8940451 [hr] [hr] 3. 相關範例 1. The Children Hospital Wayfinding System Teczowy Szpital Dzieciecy 彩虹兒童醫院的標誌是根據紅十字、蝴蝶、彩虹等造型完美結合的精彩設計，在各種應用中也採用了彩虹般的絢麗色彩和美麗可愛的童趣圖畫，比如事務用品、房間牆壁、標識系統等等，這也如同彩虹兒童醫院的辦院宗旨，這是一個快樂的富有夢想的地方，這裡能讓幼小的孩子們忘記疾病。 [img]http://m1.behance.net/rendition/modules/533100/disp/840791227739262.jpg[/img] [img]http://m1.behance.net/rendition/modules/533061/disp/840791227738121.jpg[/img] [img]http://m1.behance.net/rendition/modules/533058/disp/840791227737343.jpg[/img] [hr] 病房編號直接以動物標圖設計表示 [img]http://m1.behance.net/rendition/modules/533059/disp/840791227737629.jpg[/img] [img]http://m1.behance.net/rendition/modules/533010/disp/840791227736572.jpg[/img] 應用於病房的圖示 [img]http://m1.behance.net/rendition/modules/533223/disp/840791227741920.jpg[/img] [img]http://m1.behance.net/rendition/modules/533178/disp/840791227741509.jpg[/img] 病房編號直接以動物圖示表示 [img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_07.jpg[/img] [hr] 指標系統與導引系統的設計 [img]http://m1.behance.net/rendition/modules/533115/disp/840791227739419.jpg[/img] 走廊的指引系統與指標系統 [img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_06.jpg[/img] [hr] 交誼廳設計，牆壁搭配圖像設計，營造歡樂活潑的氛圍 [img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_05.jpg[/img] [hr] [img]http://m1.behance.net/rendition/modules/533236/disp/840791227742461.jpg[/img] [hr] 2. Parque D. Carlos I 公園 http://www.behance.net/gallery/Parque-D-Carlos-I/2989309 [img]http://m1.behance.net/rendition/modules/22723587/disp/3a925fc565a1dbc27f35c62f06c02ba0.jpg[/img] [img]http://m1.behance.net/rendition/modules/22723589/disp/5070147097bc24697e62f6b451d2a79e.jpg[/img] [img]http://m1.behance.net/rendition/modules/22967665/disp/6783949a71c9db9b9bce1319eafc46cd.jpg[/img] [img]http://m1.behance.net/rendition/modules/22723593/disp/2d8c205769809c6fe53ced79edcd03b8.jpg[/img] [img]http://m1.behance.net/rendition/modules/22967667/disp/3d23ffc20d7abfa85355cf7b8d5b7831.jpg[/img] [img]http://m1.behance.net/rendition/modules/22723597/disp/5f7dcb2353b98d143aad50d0b192f559.jpg[/img] [img]http://m1.behance.net/rendition/modules/22723599/disp/43d9a65edaf516860e859586f78fc4d3.jpg[/img] [img]http://m1.behance.net/rendition/modules/22723601/disp/3b03635e074982810b1b143461da8ce8.jpg[/img] [hr] 3. Museo La Plata, Paseo del Bosque. Sistema de Señales　博物館 http://www.behance.net/gallery/Museo-La-Plata-Paseo-del-Bosque-Sistema-de-Senales/10792511 [img]http://m1.behance.net/rendition/modules/78598005/disp/7b7574246cadfa19d7a333d1e19e93ae.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598021/disp/7d92c3265fdc28f0567f88f07e474bf3.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598023/disp/6900c1d7186332d5b63467957339551c.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598025/disp/ed4cbf4a94ceba20618792fe908629e7.jpg[/img] [img]http://m1.behance.net/rendition/modules/78597993/disp/244cb41dbf7e1e3625190a4e0500a022.jpg[/img] [img]http://m1.behance.net/rendition/modules/78597995/disp/0cb14a1d405c19a1610748dc0c99fcc3.jpg[/img] [img]http://m1.behance.net/rendition/modules/78597997/disp/4ffd74e8585e4988709c26837a6d04b2.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598011/disp/5921269d49b3db1a6489b7ede2295d9d.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598033/disp/e9418f47a5e38c5e15bd386ec7ee9fc6.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598013/disp/00da2f6dc731fef464661da5f36f6627.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598009/disp/a20d6f53368589d089f93e99199e0c36.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598017/disp/43fae53158118b06c79d9e17e675d15a.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598031/disp/707648b18529353351ab6388ca72fd49.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598015/disp/91b6ed94d13550e84af8763112b98592.jpg[/img] [img]http://m1.behance.net/rendition/modules/78597999/disp/ae1cd51c178b59bd306d0af30224f625.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598001/disp/57e97bed9ffc862b7220e3d164d4b24f.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598003/disp/164992c850abc62d6459261c74d2185b.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598027/disp/aa76560a1e33a9d772044bf205606526.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598019/disp/b9d278db6e95e416c4dbc722c9324914.jpg[/img] [img]http://m1.behance.net/rendition/modules/78598007/disp/655a0ce0611a7821c01631d1f35f461f.jpg[/img] [hr] 4. Señalización estadio Pascual Guerrero　運動場 http://www.behance.net/gallery/Senalizacion-estadio-Pascual-Guerrero/11340545 [img]http://m1.behance.net/rendition/modules/82354155/disp/2a1e4aa672a7c9a4f664a67f4432d384.png[/img] [img]http://m1.behance.net/rendition/modules/82354147/disp/304751422afd3ef10336743a8796c834.png[/img] [img]http://m1.behance.net/rendition/modules/82354149/disp/6999ddcf06c85d4d5134de7f73652010.png[/img] [img]http://m1.behance.net/rendition/modules/82354151/disp/a9afbeb700d2a1e580594ea5eb89f8e1.png[/img] [img]http://m1.behance.net/rendition/modules/82354151/disp/a9afbeb700d2a1e580594ea5eb89f8e1.png[/img] [img]http://m1.behance.net/rendition/modules/82078083/disp/095bf391b0b100ef3fd1173b80b92ea1.png[/img] [img]http://m1.behance.net/rendition/modules/82078075/disp/235dec4f0d0c08bf40bf95f98ecb6689.png[/img] [img]http://m1.behance.net/rendition/modules/82078065/disp/e63a344ea87e249738d8399a75988216.JPG[/img] [img]http://m1.behance.net/rendition/modules/82078081/disp/592fe98c1d9377ecdc74b7c56b6c812e.png[/img] [img]http://m1.behance.net/rendition/modules/82078067/disp/cb63ab40e03deed145544c380fa330e3.JPG[/img] [img]http://m1.behance.net/rendition/modules/82078077/disp/4ec86019884095477d1c8edb8327870d.png[/img] [img]http://m1.behance.net/rendition/modules/82078069/disp/8f918d5d38287a230364037e31d9d46e.JPG[/img] [img]http://m1.behance.net/rendition/modules/82078071/disp/66141c6d5df69185beea2bb955046c35.JPG[/img] [img]http://m1.behance.net/rendition/modules/82078079/disp/600e2192c73020371ed7124aeaf07608.png[/img] [img]http://m1.behance.net/rendition/modules/82078073/disp/076310cc978e9b28beb37d4e8ba04114.JPG[/img] [img]http://m1.behance.net/rendition/modules/82358213/disp/74ed55f6fa74c5252e9efb403e907902.jpg[/img] [hr] 5. Pictogramas Rio 2016 [hr] 6. Pictogramas Rio 2016　2016里約奧運 [img]http://m1.behance.net/rendition/modules/82346895/disp/5c9b4f38b8ef90f9c2b096681b5e88ea.png[/img] [img]http://m1.behance.net/rendition/modules/82346897/disp/3bf7fced421c2f6e9d26b33547c2ad57.png[/img] [img]http://m1.behance.net/rendition/modules/82346899/disp/97cbd8857f27f72f8291db0be36eb1a4.png[/img] [img]http://m1.behance.net/rendition/modules/82346901/disp/a3bf78fda7c56c6ce5b12bca2390aeb0.png[/img] [img]http://m1.behance.net/rendition/modules/82346903/disp/95bdd15e456f6ac345952048cede7d83.png[/img] [img]http://m1.behance.net/rendition/modules/82346905/disp/cca2a7aab4ad336c893ac92c2fb30222.png[/img] [img]http://m1.behance.net/rendition/modules/82346907/disp/bf7dec13e334bf97ad965952edeff338.png[/img] [img]http://m1.behance.net/rendition/modules/82346909/disp/455176aee7cc5ffc4edaac9c17f5e83d.png[/img] [img]http://m1.behance.net/rendition/modules/82346891/disp/c9fad9131bfdd2132fe35bf63786e9ac.png[/img] [img]http://m1.behance.net/rendition/modules/82346893/disp/11f6145ce5e0a0fd405f667cc62982fc.png[/img] [img]http://m1.behance.net/rendition/modules/82346913/disp/248ff1f70f43140188e9bb3fc04f3e08.png[/img] [img]http://m1.behance.net/rendition/modules/82346915/disp/59c1538594401e3688f009b80b230e7b.png[/img] [hr] [img]http://m1.behance.net/rendition/modules/78102611/disp/db75cf795df8db70d750b728a22f9594.jpg[/img] [img]http://m1.behance.net/rendition/modules/77439969/disp/2e4cfc79e0a4f8d6024828bff0993f92.jpg[/img] http://mepopedia.com/forum/read.php?1594,37697,37697#msg-37697 Sat, 27 Jun 2026 13:39:48 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?1594,37697,37697#msg-37697 [講義] 圖標設計Pictograms-design--指標系統設計範例 http://mepopedia.com/forum/read.php?1594,37697,37697#msg-37697
  1. 1. 圖標文字設計Pictograms-design
  2. 2. 參考網站
  3. 3. 相關範例
  4. 3.1 The Children Hospital Wayfinding System
  5. 3.2 Parque D. Carlos I 公園
  6. 3.3 Museo La Plata, Paseo del Bosque. Sistema de Señales　博物館
  7. 3.4 Señalización estadio Pascual Guerrero　運動場
  8. 3.5 Pictogramas Rio 2016
  9. 3.6 Pictogramas Rio 2016　2016里約奧運

1. 圖標文字設計Pictograms-design


Pictograms稱為象形文字、圖標文字、圖形文字、繪畫文字等，也就是將特有意義的圖像當作文字閱讀，作為辨識之用。
在設計上，延伸為作為公共場合辨識的圖標設計。針對其特有的意涵，設計為一眼就能辨識其意義的圖像設計。

[hr]

2. 參考網站


40 Amazing Examples of Pictograms For Your Inspiration :
http://webdesigneraid.com/40-amazing-examples-of-pictograms-for-your-inspiration/#sthash.WpZJWkS8.dpuf

[hr]
Pictogramas Rio 2016
http://www.behance.net/gallery/Pictogramas-Rio-2016/11383205

[hr]
Face the Animals: Animal Line Icon Set
http://www.behance.net/gallery/Face-the-Animals-Animal-Line-Icon-Set/12422325
Pictograms - ZOO
http://www.behance.net/gallery/Pictograms-ZOO/8940451
[hr]

[hr]

3. 相關範例


1. The Children Hospital Wayfinding System


Teczowy Szpital Dzieciecy 彩虹兒童醫院的標誌是根據紅十字、蝴蝶、彩虹等造型完美結合的精彩設計，在各種應用中也採用了彩虹般的絢麗色彩和美麗可愛的童趣圖畫，比如事務用品、房間牆壁、標識系統等等，這也如同彩虹兒童醫院的辦院宗旨，這是一個快樂的富有夢想的地方，這裡能讓幼小的孩子們忘記疾病。


[img]http://m1.behance.net/rendition/modules/533100/disp/840791227739262.jpg[/img]

[img]http://m1.behance.net/rendition/modules/533061/disp/840791227738121.jpg[/img]

[img]http://m1.behance.net/rendition/modules/533058/disp/840791227737343.jpg[/img]


[hr]
病房編號直接以動物標圖設計表示

[img]http://m1.behance.net/rendition/modules/533059/disp/840791227737629.jpg[/img]

[img]http://m1.behance.net/rendition/modules/533010/disp/840791227736572.jpg[/img]

應用於病房的圖示

[img]http://m1.behance.net/rendition/modules/533223/disp/840791227741920.jpg[/img]

[img]http://m1.behance.net/rendition/modules/533178/disp/840791227741509.jpg[/img]

病房編號直接以動物圖示表示

[img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_07.jpg[/img]

[hr]
指標系統與導引系統的設計

[img]http://m1.behance.net/rendition/modules/533115/disp/840791227739419.jpg[/img]

走廊的指引系統與指標系統

[img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_06.jpg[/img]

[hr]
交誼廳設計，牆壁搭配圖像設計，營造歡樂活潑的氛圍

[img]http://graduationprojects.eu/assets/editions/2007-2008/Kaczmarek_Katarzyna/katarzyna-kaczmarek_05.jpg[/img]

[hr]
[img]http://m1.behance.net/rendition/modules/533236/disp/840791227742461.jpg[/img]

[hr]

2. Parque D. Carlos I 公園


http://www.behance.net/gallery/Parque-D-Carlos-I/2989309

[img]http://m1.behance.net/rendition/modules/22723587/disp/3a925fc565a1dbc27f35c62f06c02ba0.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22723589/disp/5070147097bc24697e62f6b451d2a79e.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22967665/disp/6783949a71c9db9b9bce1319eafc46cd.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22723593/disp/2d8c205769809c6fe53ced79edcd03b8.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22967667/disp/3d23ffc20d7abfa85355cf7b8d5b7831.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22723597/disp/5f7dcb2353b98d143aad50d0b192f559.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22723599/disp/43d9a65edaf516860e859586f78fc4d3.jpg[/img]

[img]http://m1.behance.net/rendition/modules/22723601/disp/3b03635e074982810b1b143461da8ce8.jpg[/img]

[hr]

3. Museo La Plata, Paseo del Bosque. Sistema de Señales　博物館


http://www.behance.net/gallery/Museo-La-Plata-Paseo-del-Bosque-Sistema-de-Senales/10792511

[img]http://m1.behance.net/rendition/modules/78598005/disp/7b7574246cadfa19d7a333d1e19e93ae.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598021/disp/7d92c3265fdc28f0567f88f07e474bf3.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598023/disp/6900c1d7186332d5b63467957339551c.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598025/disp/ed4cbf4a94ceba20618792fe908629e7.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78597993/disp/244cb41dbf7e1e3625190a4e0500a022.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78597995/disp/0cb14a1d405c19a1610748dc0c99fcc3.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78597997/disp/4ffd74e8585e4988709c26837a6d04b2.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598011/disp/5921269d49b3db1a6489b7ede2295d9d.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598033/disp/e9418f47a5e38c5e15bd386ec7ee9fc6.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598013/disp/00da2f6dc731fef464661da5f36f6627.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598009/disp/a20d6f53368589d089f93e99199e0c36.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598017/disp/43fae53158118b06c79d9e17e675d15a.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598031/disp/707648b18529353351ab6388ca72fd49.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598015/disp/91b6ed94d13550e84af8763112b98592.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78597999/disp/ae1cd51c178b59bd306d0af30224f625.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598001/disp/57e97bed9ffc862b7220e3d164d4b24f.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598003/disp/164992c850abc62d6459261c74d2185b.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598027/disp/aa76560a1e33a9d772044bf205606526.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598019/disp/b9d278db6e95e416c4dbc722c9324914.jpg[/img]

[img]http://m1.behance.net/rendition/modules/78598007/disp/655a0ce0611a7821c01631d1f35f461f.jpg[/img]


[hr]

4. Señalización estadio Pascual Guerrero　運動場


http://www.behance.net/gallery/Senalizacion-estadio-Pascual-Guerrero/11340545

[img]http://m1.behance.net/rendition/modules/82354155/disp/2a1e4aa672a7c9a4f664a67f4432d384.png[/img]

[img]http://m1.behance.net/rendition/modules/82354147/disp/304751422afd3ef10336743a8796c834.png[/img]

[img]http://m1.behance.net/rendition/modules/82354149/disp/6999ddcf06c85d4d5134de7f73652010.png[/img]

[img]http://m1.behance.net/rendition/modules/82354151/disp/a9afbeb700d2a1e580594ea5eb89f8e1.png[/img]

[img]http://m1.behance.net/rendition/modules/82354151/disp/a9afbeb700d2a1e580594ea5eb89f8e1.png[/img]

[img]http://m1.behance.net/rendition/modules/82078083/disp/095bf391b0b100ef3fd1173b80b92ea1.png[/img]

[img]http://m1.behance.net/rendition/modules/82078075/disp/235dec4f0d0c08bf40bf95f98ecb6689.png[/img]

[img]http://m1.behance.net/rendition/modules/82078065/disp/e63a344ea87e249738d8399a75988216.JPG[/img]

[img]http://m1.behance.net/rendition/modules/82078081/disp/592fe98c1d9377ecdc74b7c56b6c812e.png[/img]

[img]http://m1.behance.net/rendition/modules/82078067/disp/cb63ab40e03deed145544c380fa330e3.JPG[/img]

[img]http://m1.behance.net/rendition/modules/82078077/disp/4ec86019884095477d1c8edb8327870d.png[/img]

[img]http://m1.behance.net/rendition/modules/82078069/disp/8f918d5d38287a230364037e31d9d46e.JPG[/img]

[img]http://m1.behance.net/rendition/modules/82078071/disp/66141c6d5df69185beea2bb955046c35.JPG[/img]

[img]http://m1.behance.net/rendition/modules/82078079/disp/600e2192c73020371ed7124aeaf07608.png[/img]

[img]http://m1.behance.net/rendition/modules/82078073/disp/076310cc978e9b28beb37d4e8ba04114.JPG[/img]

[img]http://m1.behance.net/rendition/modules/82358213/disp/74ed55f6fa74c5252e9efb403e907902.jpg[/img]

[hr]

5. Pictogramas Rio 2016



[hr]

6. Pictogramas Rio 2016　2016里約奧運


[img]http://m1.behance.net/rendition/modules/82346895/disp/5c9b4f38b8ef90f9c2b096681b5e88ea.png[/img]
[img]http://m1.behance.net/rendition/modules/82346897/disp/3bf7fced421c2f6e9d26b33547c2ad57.png[/img]
[img]http://m1.behance.net/rendition/modules/82346899/disp/97cbd8857f27f72f8291db0be36eb1a4.png[/img]
[img]http://m1.behance.net/rendition/modules/82346901/disp/a3bf78fda7c56c6ce5b12bca2390aeb0.png[/img]
[img]http://m1.behance.net/rendition/modules/82346903/disp/95bdd15e456f6ac345952048cede7d83.png[/img]
[img]http://m1.behance.net/rendition/modules/82346905/disp/cca2a7aab4ad336c893ac92c2fb30222.png[/img]
[img]http://m1.behance.net/rendition/modules/82346907/disp/bf7dec13e334bf97ad965952edeff338.png[/img]
[img]http://m1.behance.net/rendition/modules/82346909/disp/455176aee7cc5ffc4edaac9c17f5e83d.png[/img]
[img]http://m1.behance.net/rendition/modules/82346891/disp/c9fad9131bfdd2132fe35bf63786e9ac.png[/img]
[img]http://m1.behance.net/rendition/modules/82346893/disp/11f6145ce5e0a0fd405f667cc62982fc.png[/img]
[img]http://m1.behance.net/rendition/modules/82346913/disp/248ff1f70f43140188e9bb3fc04f3e08.png[/img]
[img]http://m1.behance.net/rendition/modules/82346915/disp/59c1538594401e3688f009b80b230e7b.png[/img]

[hr]
[img]http://m1.behance.net/rendition/modules/78102611/disp/db75cf795df8db70d750b728a22f9594.jpg[/img]
[img]http://m1.behance.net/rendition/modules/77439969/disp/2e4cfc79e0a4f8d6024828bff0993f92.jpg[/img]]]> JinJin 視覺傳達設計 Sun, 08 Dec 2013 12:03:34 +0800