[알아 두면 좋은] > [웹사이트, 웹서비스] 글에서 UX 법칙을 정리한 좋은 사이트를 소개했다. Home | Laws of UX Laws of UX is a collection of best practices that designers can consider when building user interfaces. lawsofux.com 이 사이트에 나와있는 UX 법칙을 간단하게 정리해보고자 한다. 각 법칙은 법칙에 대한 개요와 함께 간략하게 법칙에 대해 소개하고 관련 아티클이나 관련 링크를 제공하여 법칙에 대한 근거들을 보여주도록 구성되어 있다. 직접 사이트에서 내용을 파악하며 관련 아티클들을 읽는 것이 제일 좋은 방법이지만 아래에 각 법칙들의 Summary를 정리해 보았으니 이 글을 통해 대략적인 내..

디자인 Design/디자인 2022. 2. 13. 00:11

[알아 두면 좋은] > [웹사이트, 웹서비스] 글에서 UX 법칙을 정리한 좋은 사이트를 소개했다. Home | Laws of UX Laws of UX is a collection of best practices that designers can consider when building user interfaces. lawsofux.com 이 사이트에 나와있는 UX 법칙을 간단하게 정리해보고자 한다. 각 법칙은 법칙에 대한 개요와 함께 간략하게 법칙에 대해 소개하고 관련 아티클이나 관련 링크를 제공하여 법칙에 대한 근거들을 보여주도록 구성되어 있다. 직접 사이트에서 내용을 파악하며 관련 아티클들을 읽는 것이 제일 좋은 방법이지만 아래에 각 법칙들의 Summary를 정리해 보았으니 이 글을 통해 대략적인 내..

디자인 Design/디자인 2022. 2. 6. 19:49

[알아 두면 좋은] > [웹사이트, 웹서비스] 글에서 UX 법칙을 정리한 좋은 사이트를 소개했다. Home | Laws of UX Laws of UX is a collection of best practices that designers can consider when building user interfaces. lawsofux.com 이제, 각 법칙들에 대해 알아보자. 먼저, 사이트는 각 법칙이 하나의 페이지로 이루어져 있다. 페이지 안에는 법칙에 대한 개요와 함께 간략하게 법칙에 대해 설명하고 관련 아티클이나 관련 링크를 제공하여 법칙에 대한 근거들을 확인할 수 있게 구성되어 있다. 직접 사이트에서 내용을 파악하며 관련 아티클들을 읽는 것이 제일 좋은 방법이지만 아래에 각 법칙들의 Summary를 ..

디자인 Design/디자인 2022. 1. 30. 23:23

UIUX에 관심이 있다면 꼭 봐야 한다고 생각하는 사이트들이 많이 있는데 그중에서 가장 기초적이고 기본적인 UX에 관한 법칙들을 알려주는 사이트가 있어 소개하려 한다. 유명하기 때문에 아는 사람들이 많겠지만 계속 내용이 업데이트되고 있어 가끔 확인해 보고 있다. Home | Laws of UX Laws of UX is a collection of best practices that designers can consider when building user interfaces. lawsofux.com 이 사이트에서 말하고 있는 UX의 법칙은 게슈탈트 이론을 통한 형태 심리학과 함께 인지심리학을 통해 UX에 대한 원칙을 정의하고 있다. 또 사용자들의 심리를 함께 파악할 수 있는 여러 가지 단서들을 제시해 주..

디자인 Design/알아두면 좋은 2022. 1. 23. 21:52

디자인 역사에 대해 알아보고 있다. 이전 글을 통해 디자인의 기원부터 르네상스에 대한 내용을 확인할 수 있다. - 디자인의 기원: tammist.tistory.com/34 - 비잔틴: tammist.tistory.com/36 - 로마네스크: tammist.tistory.com/37 - 고딕: tammist.tistory.com/38 - 르네상스: tammist.tistory.com/39 - 바로크 1편: tammist.tistory.com/40 - 바로크 2편: tammist.tistory.com/41 지난 글에서 바로크 양식에 대해 알아보며 화가 이야기를 하였다. 이번 글에서도 바로크 시대의 조각과 건축에 대해 이야기하려 한다. 바로크 조각 바로크 조각은 이전 글에서도 보였듯 조화와 균형미가 살아있으며..

디자인 Design/디자인 2021. 3. 13. 22:05

디자인 역사에 대해 알아보고 있다. 이전 글을 통해 디자인의 기원부터 르네상스에 대한 내용을 확인할 수 있다. - 디자인의 기원: tammist.tistory.com/34 - 비잔틴: tammist.tistory.com/36 - 로마네스크: tammist.tistory.com/37 - 고딕: tammist.tistory.com/38 - 르네상스: tammist.tistory.com/39 - 바로크 1편: tammist.tistory.com/40 지난 글에서 바로크 양식에 대해 알아보며 화가 이야기를 하였다. 이번 글에서도 바로크 시대의 화가 이야기로 이어가려 한다. 아르테미시아 젠틸레스키에 이어 이야기할 화가는 베르니니이다. 베르니니 | Giovanni Lorenzo Bernini, 1598.12.7~1..

디자인 Design/디자인 2021. 3. 7. 22:25

디자인 역사에 대해 알아보고 있다. 이전 글을 통해 디자인의 기원부터 르네상스에 대한 내용을 확인할 수 있다. - 디자인의 기원: tammist.tistory.com/34 - 비잔틴: tammist.tistory.com/36 - 로마네스크: tammist.tistory.com/37 - 고딕: tammist.tistory.com/38 - 르네상스: tammist.tistory.com/39 이번 글에서는 바로크 양식에 대해 알아보자. 내용이 길어 글을 나누어 올릴 예정이다. 바로크 (프랑스어: Baroque, Baroque, 이탈리아어: Barocco, 독일어: Barock)는 서양 예술사에서 시대를 구분하는 용어이자 예술 사조의 한 유형이기도 하다. 어원은 ‘일그러진 진주’를 의미하는 포르투갈어 pérol..

디자인 Design/디자인 2021. 2. 23. 19:59

이전 글에서 중세까지의 디자인 역사에 대해 알아보았다. - 디자인 기원: tammist.tistory.com/36 - 비잔틴: tammist.tistory.com/36 - 로마네스크: tammist.tistory.com/37 - 고딕: tammist.tistory.com/38 이번에는 르네상스 시대에 대해 알아보자. 개요 르네상스는 14~16세기 이탈리아에서 서유럽까지 확대된 인간성 해방을 위한 문화 혁신 운동이다. 당시의 이탈리아는 도시의 발달과 상업 자본의 형성을 배경으로 하여 개성·합리성·현세적 욕구를 구하는 반중세적 정신 운동이 약동하였다. 그리고 이 새로운 근대적 가치의 창조가 고대 그리스·로마 문화 부흥이라는 형식을 취하였다. 하여 '재생'을 뜻하는 르네상스라는 말로 표현되었다. (출처: Ox..

디자인 Design/디자인 2021. 2. 16. 17:01

디자인 역사에 대해 알아보고 있다. 이전 글을 통해 디자인의 기원과 중세 비잔틴 양식, 그리고 로마네스크에 대한 내용을 확인할 수 있다. - 디자인의 기원: tammist.tistory.com/34 - 비잔틴: tammist.tistory.com/36 - 로마네스크: tammist.tistory.com/37 이번 글은 고딕 양식에 대해 알아보려 한다. 고딕 양식은 12세기 말 북부 프랑스에서 발생하고 고딕 건축과 함께 발달했다. 프랑스에서 처음 유행한 이래로 서유럽 전반과 알프스 북부에 두루 퍼졌으며, 중세 유럽을 대표하는 미술 양식이 되었다. 지역 차이는 있으나, 고딕 미술 운동은 15세기경까지 계속되어 르네상스로 이어졌다. 로마네스크 건축에서 두껍고 넓은 벽면 대신 높은 창에 스테인드 글라스가 장식되..

디자인 Design/디자인 2021. 2. 12. 17:38

지난 글에서 중세 미술의 역사 중 비잔틴 양식에 대해 알아보았다. tammist.tistory.com/36 이번 글에서는 중세 미술 역사의 양식 중 하나인 로마네스크에 대해 알아보려 한다. 10세기부터 12세기~13세기 까지를 로마네스크 시대라 부른다. 로마네스크는 11세기에서 12세기 초 전성기를 이룬 미술 양식으로 혼란한 시기에 전성기를 이룬 미술 양식이다. 광대한 제국이 분열되고, 주변 노르만, 사라센인의 거듭되는 침입 등으로 서유럽에 혼란과 공백이 계속되는 사이, 봉건 제후가 세력을 넓혔고, 중앙집권제는 붕괴되었다. 미술활동도 궁정 중심의 전 유럽적인 것이 아닌 각지에서 부흥한 수도원 단위로 창조되었다. 하여 지방마다 양식이 다른 것이 로마네스크 미술의 특징 중 하나이다. 로마네스크란 원래 건축 ..

디자인 Design/디자인 2021. 2. 9. 23:50

지난 글(tammist.tistory.com/34)에서 디자인의 역사의 기원과 함께 고대 문명에서 발견할 수 있었던 디자인의 의미에 대해 알아보았다. 이번에는 중세와 근대로 이어지는 시대의 디자인 역사에 대해 알아보고자 한다. 중세시대는 로마 제국이 멸망한 후부터 르네상스 시대까지, 약 1,000년 동안의 시기를 말한다. 약 5세기 ~ 15세기까지를 말한다. 그중 디자인과 미술의 황금기는 비잔틴 시대에 대해서 먼저 알아보자. 비잔틴 양식 Byzantine 비잔틴 미술은 고대 로마가 둘로 분열된 후 점차 쇠퇴하고 있던 서로마 중심의 라틴미술이 콘스탄티노플을 중심으로 급속한 발달을 이룬 미술 양식이다. 콘스탄티누스 대제가 기독교 용인령을 공포하는 것이 비잔틴 미술의 출발이라 할 수 있다. 하여 비잔틴 미술은..

디자인 Design/디자인 2021. 2. 4. 20:04

타입페이스를 면밀히 보아야 하는 이유 중 가장 큰 이유는 자신이 전하고자 하는 메시지와 어울리는 서체를 찾기 위함이다. 그것이 브랜드의 이미지가 될 수도 있고, 상품의 이미지가 될 수도 있고, 아니면 어떤 메시지를 담고 있느냐와 상관있는 이야기일 수도 있다. 그래서 이번 글에서는 실제 예시를 통해 타입페이스를 살펴볼까 한다. 마침 다음 주면 설날이다. 그래서 오늘은 설날과 어울리는 무료 폰트를 알아보려 한다. 그럼, 설날에 어울리는 폰트가 뭘까? 우리는 이미 설날에 대한 이미지를 잘 알고 있다. 하지만 만약 잘 모르겠다고 생각이 들 때 가장 좋은 방법이 구글링을 하는 것이다. 구글에서 설날 이미지를 검색하면 아래와 같다. 설날의 이미지는 한복과 전통적인 문양 등이 주를 이루고 있으며, 폰트 또한 붓글씨로..

디자인 Design/타이포그래피 2021. 2. 2. 00:14

이전 글에서 디자인의 요소와 원리, 게슈탈트 형태 심리학, 그리고 디자인 프로세스와 함께 컴퓨팅 사고에 대해 알아보았다. 이제, 디자인이 어떻게 변화되어 왔는지를 이야기할까 한다. "역사를 잊은 민족에게 미래는 없다"라는 문장을 기억할 것이다. 과거를 기억하고 같은 실수를 되풀이하지 않아야 하고, 과거를 본보기 삼아 더 나은 미래를 선택해야 하기 위해 우리는 역사를 알아야 한다. 나는 이 말이 비단 실질적인 역사에만 통용되는 말이라고 생각하지 않는다. 어떤 분야든 그 분야의 역사를 알고 있다면 더 잘 이해할 수 있게 된다고 믿는다. 그것은 디자인도 마찬가지이다. 디자인의 역사에 대해 알게 된다면, 디자인을 더 이해하게 될 것이다. 이와 관련하여 좋은 글이 있어 소개한다. Why Understanding ..

디자인 Design/디자인 2021. 1. 27. 01:06

지난 글에서 네이버에서 무료 배포하는 나눔글꼴에 대해 알아보았다. 오늘은 배달의 민족에서 배포하고 있는 무료 글꼴들을 살펴보려 한다. 배달의 민족 글꼴은 우아한 형제들이 만든 무료 글꼴로 폰트를 유료로 판매하는 것을 제외하고는 상업적 사용이 가능하다. 배달의 민족에서는 한나는 열한살체, 주아체, 도현체, 연성체, 기랑해랑체, 한나체 Air, 한나체 Pro, 을지로체, 을지로 10년후체까지 9개의 서체를 무료 배포한다. 배달의 민족 서체는 한국의 간판에서 모티브를 얻어 제작한 서체라서 무척 개성이 강하다. 그래서 이벤트 페이지나 강력한 인상을 주고자 할 때 자주 사용되는 서체이다. 그럼 다양한 개성을 가진 서체들을 하나하나 살펴보자. 배달의 민족 글꼴 다운로드 www.woowahan.com/#/fonts ..

디자인 Design/타이포그래피 2021. 1. 25. 22:18

지난 글에서 디자인 프로세스를 통해 디자인하는 과정을 간략하게 설명했다. 디자인 프로세스에 대한 이야기를 하고 난 후 컴퓨팅 사고에 대해 공부하게 되었다. 컴퓨팅 사고에 대해 알게 되니 디자인 프로세스와 많이 닮아있다는 생각이 들었다. 그래서 컴퓨팅 사고에 대해 글을 쓰고 싶었다. 그럼 컴퓨팅 사고가 무엇인지 함께 알아보자. 컴퓨팅 사고 Computational Thinking Computational Thinking이라고 하는 컴퓨팅 사고는 몇 년 전부터 한국에서도 중요하게 떠오르는 코딩 교육의 핵심이라 할 수 있다. 1980년에 시모어 파퍼트 Seymour Paper 교수가 처음 사용했던 이 개념은 2006년 자넷 윙 Jeannette Wing 교수가 ACM 통신 논문 (Communication of..

디자인 Design/디자인 2021. 1. 22. 00:23

지난 글에서 배색에 대해 알아보았다. 이제 다양한 배색의 종류와 방법들을 통해 배색에 대한 기준을 세울 수 있을 것이다. 그럼 사진이나 디자인들을 보며 배색이 어떤 느낌을 갖게 하는지 구체적으로 알아보자. 먼저 알아볼 색상은 검정이다. 검정은 무채색으로 어떤 색상과도 잘 어울리는 색 중 하나이다. 다만 어울리는 색에 따라 그 인상과 이미지가 달라진다. 이번 글에서는 검정과 다른 무채색과의 배색에 대해 알아보려 한다. 검정과 무채색검정과 흰색 같이 명도 대비가 확실한 색들의 배색은 모던하고 명확한 느낌을 전달한다. 다만, 두 색의 비율이 어떠냐에 따라 이미지가 전혀 달라진다. 검정의 비율이 강할 수록 이미지는 무겁고 강한 인상을 주며 흰색의 비율이 강할수록 클리어한 이미지를 전달한다. 위 이미지 왼쪽 첫 ..

디자인 Design/컬러 2021. 1. 20. 13:17

지난 글에서 폰트의 용어들을 알아보았다. 용어 관련 글: tammist.tistory.com/29, tammist.tistory.com/9, tammist.tistory.com/14 이제 우리가 흔히 보아온 여러 가지 서체들의 타입 페이스를 보며 서체가 가진 이미지를 파악해 보려고 한다. 이렇게 서체를 꼼꼼하게 보는 이유는 서체의 형태를 통해 이 서체를 보는 사람이 어떤 느낌을 받을 지에 대한 해답을 얻기 위해서이다. 물론 계속 이야기하듯 여기에서 나오는 이야기가 무조건 100% 옳다는 것은 아니다. 시각적 경험이 어떠했느냐에 따라 사람들의 의견은 달라지기 때문이다. 그래도 디자인의 요소들을 통해 알아온 것들을 적용시켜보며 근거를 만들어 낼 수 있어야 한다. 디자이너는 예쁜 그래픽을 만드는 사람이기도 하..

디자인 Design/타이포그래피 2021. 1. 18. 15:49

지난 글들을 보니 폰트라는 말과 타입 페이스=서체라는 말을 동시에 사용하고는 있었다. 이렇게 사용하는 것이 틀린 것은 아니지만 엄밀히 말해 폰트와 타입 페이스=서체는 조금 다른 의미를 가지고 있기는 하다. 그래서 이번 글에서는 폰트에 대한 용어들을 한 번 짚고 넘어가려 한다. 먼저, 간략하게 말하자면 폰트는 우리가 디자인 등을 할 때 사용하는 것이고 타입페이스=서체는 사용하는 폰트를 통해 보이는 것을 의미한다. 하지만 의외로 이 부분을 명확하게 나누어 이야기하지 않는다. 실무에서조차 서체=폰트=타입 페이스를 혼용하기도 한다. 하지만 단어들이 모두 서체라는 의미를 가지고 있기 때문이다. 그래도 이왕이면 알고 시작하는 것이 좋지 않을까 하여 각 용어들에 대해 한 번 짚고 넘어가려 한다. 폰트 Font 폰트란..

디자인 Design/타이포그래피 2021. 1. 15. 19:29

이전 글에서 색의 3 속성에 의한 배색 종류를 알아보았다. 이번 글에서는 배색의 방법과 톤에 따른 배색의 기법에 대해 알아보자. 먼저, 배색의 방법이다. 색의 배열 형태에 따른 배색 방법 그라데이션 Gradation 배색 3가지 이상의 색이 점진적으로 변화하는 배색 방법이다. 하나의 색에서 다른 색상으로 서서히 변하는 색의 조합을 배열하는 것을 말한다. 색의 속성에 따라 명도 그라데이션, 채도 그라데이션, 색조 그라데이션 등이 있다. 세퍼레이션 Separation 배색 배열하고자 하는 색들의 대비가 지나치거나 색들을 배열했을 때 경계가 착시현상을 일으키는 간섭 현상이 있는 색들 사이에 무채색을 두어 색들을 분리시키는 배열을 말한다. 다양한 색들을 함께 사용할 때 유용한 배색 방법이다. 도미넌트 Domin..

디자인 Design/컬러 2021. 1. 13. 15:35

이전 글에서는 주요 원색과 무채색인 흰색, 검은색, 회색의 인상과 이미지에 대해 알아보았다. 지난 글에서도 말했듯 디자인을 진행할 때 하나의 색만 사용하는 경우는 거의 없다. 그래서 두 개 이상의 색이 잘 어울리도록 배치하는 것이 디자인 작업 시 중요하고 이렇게 둘 이상의 색을 어울리도록 배치하는 것을 배색이라고 한다. 두 개 이상의 색이 잘 어울리도록 하기 위해서는 먼저 배운 색의 속성과 (tammist.tistory.com/16) 톤이 주는 인상을 (tammist.tistory.com/17) 잘 파악하고 있어야 한다. 속성과 색에 대한 이미지, 거기에 톤이 주는 이미지들을 어떻게 조합하느냐에 따라 전체적인 인상과 이미지가 달라지고 디자인 퀄리티에 까지 영향을 미친다. 또, 색을 조화롭게 배치하기 위해..

디자인 Design/컬러 2021. 1. 11. 18:04