현실에서 건축물의 외관과 같은 물리적 형태가
공간의 분위기와 감각을 형성하듯, 디지털
세계에서도 CSS와 같은 디자인 요소가
웹페이지의 시각적 특성과 사용자 경험을
결정짓는다. 예를 들어, 건축물의 벽, 색상,
텍스처가 공간의 분위기를 정립하는 것처럼,
CSS는 디지털 화면에 색상, 텍스처, 레이아웃을
입혀 사용자에게 특정한 경험을 제공한다.
현실에서의 문과 같은 물리적 장치가 공간을
연결하는 역할을 한다면, 디지털 세계에서는
하이퍼링크가 그 역할을 맡는다. 이처럼 디지털
세상에서의 경험은, 현실의 원형을 본따
이루어지는데, 이러한 현실과 디지털 사이를
매개하는 장치들은 '형식적 경험'이라는 본질을
공유하고 있다.
이 연구는 디지털 세계 사이에서 발생하는
경험의 비교와 원형을 이해하고, 디지털
환경에서의 기능과 시각적 표현, 양식이 어떻게
형성되었는지에 대한 질문에서 시작되었다.
디지털 세상 속에서 '형식'과 '내용'이 경험을
형성하는 방식을 조명하고, 현실과 디지털 세상
사이 교차하는 지점을 탐색하고자 한다.
홍익대학교 대학원 시각디자인과
⟨디자인 아카이브⟩ 수업의 결과물
아카이브 페이지다.
지도교수
안병학 Ahn Byunghak
수집과 디자인
박현기 Park Hyunki
도움 주신 분
김재 Kim Jae
참고문헌
01 CLI
(1)
https://unix.stackexchange.com/questions/94498/what-causes-this-green-background-in-ls-output
(2)
https://wikis.krsocsci.org/index.php/%EC%8B%AD%EA%B3%84%EB%AA%85
[그림 1]
https://dzone.com/articles/cli-for-rest-api
[그림 2] https://wikis.krsocsci.org/index.php/%EC%8B%AD%EA%B3%84%EB%AA%85
02 WWW
(1)
https://home.cern/science/computing/birth-web/short-history-web
(2)
김동민, ｢마셜 맥루언의 ‘지구촌’ 개념에 관한 : 상대성 이론과의 관계를 중심으로｣, 방송과 커뮤니케이션, 17(3), 18쪽.
[그림 1]
The historic World Wide Web logo, designed by Robert Cailliau. Currently, there is no widely accepted logo in use for the WWW.
[그림 2]
"세계 문화 즐겨보세요 '이태원 지구촌축제'",
연합뉴스, n.d. 수정, 2024년 11월 20일 접속, https://www.yna.co.kr/view/MYH20171014010400038
03 HTML
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 20쪽.
(2)
http://ko.weldsteelpipe.com/news/difference-between-h-beam-and-i-beam-60625135.html
[그림 1]
https://innovation-entrepreneurship.springeropen.com/articles/10.1186/s13731-024-00446-9
[그림 2]
http://ko.bangrunsteel.com/news/h-beams/
04 Tim Berners-Lee
(1)
https://webfoundation.org/about/vision/history-of-the-web/
(2)
https://www.mdjournal.kr/news/articleView.html?idxno=29973
[그림 1]
https://webfoundation.org/about/vision/history-of-the-web/
[그림 2]
https://www.mdjournal.kr/news/articleView.html?idxno=29973
05 CAPTCHA
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 154쪽.
(2)
https://ko.wikipedia.org/wiki/%EC%9E%A5%EC%95%A0%EB%AC%BC_%EA%B2%BD%EC%A3%BC
[그림 1]
https://www.humansecurity.com/learn/topics/what-is-a-captcha[그림 2]
06 POP-UP
(1)
https://thehistoryoftheweb.com/ads/
(2)
https://en.wikipedia.org/wiki/Pop-up_book
[그림 1]
https://www.justuno.com/blog/evolution-of-the-pop-up/
[그림 2]
07 HYPERTEXT
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 20쪽.
(2)
https://www.filfre.net/2016/09/the-freedom-to-associate/ted-nelson/
[그림 1]
https://www.filfre.net/2016/09/the-freedom-to-associate/ted-nelson/
[그림 2]
https://www.freepressjournal.in/viral/people-witness-doraemons-anywhere-door-in-hong-kongs-tsim-sha-tsui-check-drone-show-video
08 ICON
(1)
https://www.nngroup.com/books/digital-icons-that-work/
(2)
https://win98icons.alexmeub.com/
[그림 1]
https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%BD%98
[그림 2]
https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%BD%98
09 BANNER
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 88쪽.
[그림 1]
https://www.vintagecomputing.com/index.php/archives/831/31-vintage-web-ad-banners
[그림 2]
"다시 보는 ‘정기복권 시대’ 발자취", 아시아경제,
n.d. 수정, 2024년 12월 3일 접속,
https://cm.asiae.co.kr/article/2010090120203022973
10 GIF
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 50쪽.
(2)
https://www.themoviedb.org/movie/53565-steamboat-willie/images/backdrops?language=ko-KR
[그림 1]
https://en.wikipedia.org/wiki/Nyan_Cat
[그림 2]
https://www.themoviedb.org/movie/53565-steamboat-willie/images/
11 DARK PATTERN
(1)
https://www.fastcompany.com/90425350/its-shockingly-difficult-to-escape-the-webs-most-pervasive-dark-patterns
(2)
https://www.britannica.com/dictionary/trap
[그림 2]
https://tvtropes.org/pmwiki/pmwiki.php/Main/Cowboy
12 AUCTION
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 90쪽.
(2)
https://jmagazine.joins.com/art_print.php?art_id=303721
[그림 1]
https://www.ebayinc.com/stories/news/ebay-collectors-enter-into-commercial-agreement-sign-deals-for-acquisition-of-goldin-by-ebay-and-acquisition-of-the-ebay-vault-by-psa/
[그림 2]
https://www.scenicsir.com/sothebys-auction-house/
13 STREET VIEW
(1)
https://ko.wikipedia.org/wiki/%EA%B5%AC%EA%B8%80_%EC%8A%A4%ED%8A%B8%EB%A6%AC%ED%8A%B8_%EB%B7%B0%EC%9D%98_%EC%A0%81%EC%9A%A9_%EB%B2%94%EC%9C%84
(2)
https://ko.wikipedia.org/wiki/%EB%A1%9C%EB%93%9C_%ED%8A%B8%EB%A6%BD
[그림 1]
https://www.cnet.com/pictures/crazy-images-caught-on-google-street-view/
[그림 2]
https://www.thetravel.com/phoenix-to-grand-canyon-road-trip/
14 DIGITAL WALLET
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 122쪽.
(2)
대항해 시대의 기축통화 '카우리 조개', 매거진한경, n.d. 수정, 2024년 12월 3일 접속,
https://magazine.hankyung.com/business/article/201801237197b
[그림 1]
https://www.washingtonpost.com/history/2023/07/25/elon-musk-paypal-twitter-x-rebrand/
[그림 2]
https://genovixa.com/ko-kr/blogs/le-blog-royaume-dafrique/lhistoire-des-cauris-coquillage
15 ANONYMOUS
(1)
https://ko.wikipedia.org/wiki/%EC%96%B4%EB%82%98%EB%8B%88%EB%A8%B8%EC%8A%A4_(%EA%B7%B8%EB%A3%B9)
(2)
https://ko.wikipedia.org/wiki/%EA%B0%80%EC%9D%B4_%ED%8F%AC%ED%81%AC%EC%8A%A4
[그림 1]
https://www.forbes.com/sites/zakdoffman/2020/05/31/anonymous-hackers-threaten-to-expose-the-many-crimes-of-minneapolis-police/
[그림 2]
https://ko.wikipedia.org/wiki/%EA%B0%80%EC%9D%B4_%ED%8F%AC%ED%81%AC%EC%8A%A4
16 THE MOUSE
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 26쪽.
(2)
https://ko.wikipedia.org/wiki/%ED%83%80%EB%A5%9C
[그림 1]
https://proedit.com/history-of-the-mouse/
[그림 2]
https://rickselover.com/time-to-take-the-wheel-and-steer-your-own-ship/
[그림 3]
https://www.sri.com/hoi/computer-mouse-and-interactive-computing/
17 BIG DATA
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 212쪽.
(2)
https://www.btcc.com/ko-KR/hashtag/%EB%B9%85%20%EB%B8%8C%EB%9D%BC%EB%8D%94
[그림 1]
https://www.ryojiikeda.com/
[그림 2]
https://www.editionsdurocher.fr/product/122695/1984
18 CLOUD
(1)
https://www.spiceworks.com/tech/cloud/articles/what-is-cloud-computing/
(2)
[그림 1]
https://www.intellectsoft.net/blog/cloud-computing-in-software-development/
[그림 2]
19 YOUTUBE
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 168쪽.
(2)
https://ko.wikipedia.org/wiki/%EA%B4%91%EA%B3%A0
[그림 1]
https://en.wikipedia.org/wiki/Me_at_the_zoo
[그림 2]
https://tripdouble.com/times-square/
20 CHATTING
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 100쪽.
[그림 1]
https://www.brandsoftheworld.com/logo/classmatescom-0
[그림 2]
https://depositphotos.com/ko/photo/small-boy-reading-a-book-10825572.html
21 ROVER
(1)
https://the-microsoft-windows-xp.fandom.com/wiki/Rover
(2)
https://www.samsungfire.co.kr/m/company/M_U04_09_01_001.html?front
[그림 1]
https://the-microsoft-windows-xp.fandom.com/wiki/Rover
[그림 2]
https://www.samsungfire.co.kr/m/company/M_U04_09_01_001.html?front
22 HACKER
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 40쪽.
(2)
https://www.assaabloy.com/kr/ko/solutions/topics/master-key-systems
[그림 1]
https://www.reddit.com/r/MemeRestoration/comments/cz8qb5/ryan_beckford_hackermancomputer_hack_meme_in_hd/
[그림 2]
https://home.howstuffworks.com/home-improvement/household-safety/question710.htm
23 MEME
(1)
짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 120쪽.
(2)
https://www.theunitas.net/entry/%EB%AF%B8%EB%A9%94%EC%8B%9C%EC%8A%A4mimesis
[그림 1]
https://www.wired.com/story/distracted-boyfriend-meme-photographer-interview/
[그림 2]
https://glif.app/@candogeneration/runs/l6wtctvvw2l4aux5lg28c1kv
24 COOKIE
(1)
https://kobrekim.com/ko_KR/footer-ko-kr/cookie-policy-ko-kr/what-are-cookies-and-why-we-use-them-ko-kr/
[그림 1]
https://www.vectorstock.com/royalty-free-vector/pixel-cookie-for-8-bit-game-assets-vector-38164791
[그림 2]
https://www.advertisepurple.com/affiliate-marketing-and-the-end-of-third-party-cookies/
25 SEARCH
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 66쪽.
(2)
알렉산더 바데노크, '인덱스 카드의 고귀한 역사: 범용 십진법 분류법', Inventing Europe , http://www.inventingeurope.eu/knowledge/the-noble-history-of-the-index-card-universal-decimal-classification
[그림 1]
https://win98icons.alexmeub.com/
[그림 2]
ttp://www.inventingeurope.eu/knowledge/the-noble-history-of-the-index-card-universal-decimal-classification
26 EMOJI
(1)
https://design.co.kr/article/2558
(2)
https://www.britishmuseum.org/collection/egypt/explore-rosetta-stone
[그림 1]
https://www.apple.com/au/newsroom/2018/07/apple-celebrates-world-emoji-day/
[그림 2]
https://www.britishmuseum.org/collection/egypt/explore-rosetta-stone
27 DOMAIN
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 54쪽.
(2)
https://www.juso.go.kr/CommonPageLink.do?link=/street/GuideBook
[그림 1]
https://win98icons.alexmeub.com/
[그림 2]
https://blog.kumhotire.co.kr/338
28 WIKI
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 148쪽.
(2)
https://ko.wikipedia.org/wiki/%EB%B0%B1%EA%B3%BC%EC%82%AC%EC%A0%84
[그림 1]
https://ko.wikipedia.org/wiki/
[그림 2]
Kogan, H., "The Story of Encyclopaedia Britannica," 1958.
29 BROWSER
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 58쪽.
[그림 1]
https://www.wired.com/2010/04/0422mosaic-web-browser/
[그림 2]
https://www.istockphoto.com/kr/%EC%82%AC%EC%A7%84/%EA%B0%80%EB%93%A0%EB%B7%B0-%ED%86%B5%ED%95%B4-%EB%82%A9%EB%95%9C-%EC%9C%A0%EB%A6%AC%EC%BB%B5-%EC%B0%BD-gm157638653-13894846
30 SEMANTIC WEB
(1)짐 볼턴, 『웹을 뒤바꾼 아이디어 100』, 홍석윤 옮김,
시드포스트, 2017, 214쪽.
(2)
https://it.chosun.com/news/articleView.html?idxno=2019112700446
[그림 1]
https://www.ainet.link/15038
[그림 2]
https://home.cern/science/computing/birth-web/short-history-web