※ 본 글은 babich.biz의 「10 Tips On Typography in Web Design」을 번역한 글입니다. 커뮤니케이션(communication)은 디자인에서 중요한 역할을 합니다. 웹 사이트와 사용자 사이를 명확히 연결하는 일과 사용자가 목표를 달성하도록 돕는 일에 있어서 ‘커뮤니케이션’은 필수적입니다. 웹 디자인이라는 맥락에서 커뮤니케이션을 이야기할 때는 일반적으로 ‘텍스트(text)’를 의미합니다. 이 과정에서 중요한 역할을 하는 것이 바로 ‘타이포그래피(typography)’입니다. 웹에서 제공되는 정보의 95% 이상은 […]
The post 웹디자인의 타이포그래피 10가지 팁 appeared first on ㅍㅍㅅㅅ.
저는 ○○을 하는 ○○라고 합니다. 코딩이나 프로토타이핑을 배워야 할까요? 종종 이런 질문을 담은 메일이 온다. 최대한 성의를 다해 답장을 쓰려고 하지만 가끔은 나도 답을 모르는 경우가 많다. 아니, 오히려 대부분의 답을 모른다고 해야 맞을 것이다. 애초에 나조차도 매일매일 디자인 문제를 붙잡고 씨름하다가 끝내 답을 내리지 못한 채 찝찝한 마음으로 잠자리에 드는데, 남의 고민에 제대로 된 […]
The post 디자이너, 코딩 꼭 해야 해? appeared first on ㅍㅍㅅㅅ.
※ Nick Babich의 「Essential Color Tools for UX Designers」를 번역한 글입니다. 지난 20년간 UI/UX 강의와 컨설팅을 하면서 수집했던 해외 자료를 저 혼자만 알기 아까워 공유하고자 합니다. 많은 관심 바랍니다. 컬러(color)는 디자이너의 툴 키트에서 가장 강력한 도구 중 하나입니다. 동시에 마스터하기 까다로운 개념이기도 합니다. 만들 수 있는 색채 조합이 무한히 많기에 사이트나 앱에서 사용할 색상을 결정하기 어려울 수 […]
The post UX 디자이너를 위한 색채 조합 A-Z appeared first on ㅍㅍㅅㅅ.
※ Spoon&Tamago에 실린 「A Set of Nameless Paints Wants to Change the Way Kids Learn About Color」를 번역·발췌해 필자의 의견을 덧붙인 글입니다. 색이름은 매우 제한적입니다. ‘살색’이라는 색이름도 인종 차별을 이유로 2005년부터 한국에서 사라졌습니다. 다른 색이름이 붙여진다 해도 이름이 주는 제한에서는 벗어날 수는 없습니다. 일본의 디자이너 듀오 이마 모테키(Ima Moteki)는 아이들이 제한 없이 색을 이해하고 창의적으로 […]
The post 이름 없는 물감, 네임리스 페인트 appeared first on ㅍㅍㅅㅅ.
안녕하세요, 뷰저블입니다. 오늘은 뷰저블이 구글 애널리틱스(GA)를 보완하는 툴로써 함께 사용하면 얼마나 강력한 시너지가 나는지에 대해 소개하고자 합니다. 2016년을 기준으로 국내 200대 대기업 중 70% 이상이 구글 애널리틱스를 분석 툴로 사용한다고 합니다. 구글 애널리틱스는 무료이고 구글이 운영한다는 점에서 많은 장점이 있지만, 일정 PV수가 넘어가면 전수가 아닌 ‘샘플링 데이터’를 사용하기 때문에 실제 수치와 차이를 보이게 됩니다. 몇 […]
The post 구글 애널리틱스(GA)와 함께 쓰면 더욱 강력한 뷰저블 appeared first on ㅍㅍㅅㅅ.
사진은 기본적으로 2D이고 이 사실을 거부할 수 없습니다. 그러나 피카소의 입체파 그림처럼 다양한 각도에서 본 피사체를 한 장의 사진으로 만드는 사진작가가 있습니다. 수잔느 사로프(Suzanne Saroff)는 음식 앞에 다양한 굴절을 만들어내는 유리 제품을 놓고 여러 각도에서 담아 색다른 〈관점(Perspective)〉을 보여줍니다. 굴절을 이용해 새로운 시각을 만든, 아이디어 자체는 간단한 시리즈입니다. 그러나 사진의 의미를 다시 한번 생각하게 하는 […]
The post 유리의 굴절을 통해 2D 피사체 다양한 3D로 보기 appeared first on ㅍㅍㅅㅅ.
※ Peter Vukovic의 「7 unbreakable laws of user interface design」을 번역한 글입니다. 당신은 웹 디자이너인가요? 그렇다면 당신은 UI 디자이너라는 말이기도 합니다. 그리고 미래에는 그 UI 디자이너라는 호칭이 웹 디자이너라는 이름보다 더욱 중요해질지도 모릅니다. 오늘날 웹페이지들이 내비게이션과 메뉴 정도만 남긴 간단한 인터페이스라면 기술의 발전으로 인해 우리가 앞으로 겪을 인터페이스는 아마 지금보다 더 유동적이고 개인에 최적화된 것들을 요구할 것입니다. […]
The post 반드시 지켜야 할 UI 디자인의 7가지 법칙 appeared first on ㅍㅍㅅㅅ.
서두에 먼저 밝혀두자면 제 경우에 사진 취미에 본격적으로 관심을 가지고 DSLR을 구입한 지 이제 2년 남짓한 초보에 불과합니다. 이 글을 적는 이유도 강좌 라거나 그런 거창한 것이라기 보다는 제 자신이 배워가는 과정에서 적는 학습 노트에 더 가깝습니다. 당연히 부족한 부분이 있으면 언제라도 지적을 부탁드립니다. 아주 가끔 사진 커뮤니티에서 사진을 편집하고 보정하는 데 어도비 포토샵(Adobe Photoshop)이냐 […]
The post 절대다수 아마추어 사진가를 위한 사진 보정 팁 appeared first on ㅍㅍㅅㅅ.
아래의 사진 중 어떤 게 가장 잘 나온 것이라고 생각하시나요? 아마도 맨 오른쪽 사진이겠죠. 흔히 인쇄물을 접할 때 위의 왼쪽 사진처럼 핀이 어긋나거나 가운데의 사진처럼 망점이 보이는 경우는 잘못 인쇄된 것으로 생각하기 쉽습니다. 또 인쇄 기술의 발달로 위 문제는 거의 발생하지 않기도 합니다. 그러나 최근 들어 독특한 인쇄 방식들이 주목받습니다. 완벽한 인쇄물보다는 조금 삐뚤어지고 선명하지 […]
The post 삐뚤어져도 괜찮아: 매력적인 인쇄 방식들 appeared first on ㅍㅍㅅㅅ.
※ Inspired Magazine에 실린 「20 new and free infographic kits & templates」에서 공유한 인포그래픽 무료 리소스입니다. 영리하고 센스 있는 그래픽 디자이너라면 약간의 인포그래픽 키트와 편리한 구성요소를 항상 보관해 두고 필요에 따라 활용할 것입니다. 해외에서는 인포그래픽에 대한 관심과 인기가 이전에 비해 다소 소강된 느낌도 없지 않지만 국내에서는 아직은 관심도와 인기가 높은 편입니다. 인포그래픽은 콘텐츠 마케팅과 관련해 모든 분야에서 […]
The post 무료 인포그래픽 키트 및 템플릿의 모든 것 appeared first on ㅍㅍㅅㅅ.
겨울이 싫습니다. 추워도 어느 정도 추워야지 모스크바보다 더 추운 서울이라니 이건 너무 폭력적인 날씨입니다. 입춘인데도 살기 싫을 정도로 춥습니다. 사실 추위의 원조는 남극이나 북극이라고 할 수 있는데, 지금 남극은 여름이라 관광객들이 여행하기 좋을 겁니다. 마치 외계 행성의 거대한 눈이 탐사 대원을 노려보고 있는 듯한 이 사진은 남극에서 촬영한 사진입니다. 이 기상 현상은 썬도그(sundog)라는 환일 현상입니다. […]
The post 외계 행성을 보는 듯한 남극의 썬도그 현상 appeared first on ㅍㅍㅅㅅ.
들어가며 UI 관련 작업을 한 지는 햇수로 4년이 되었다. 스타트업에서, 관련 수업을 들으면서, 졸업 작품을 준비하면서, 사이드 프로젝트를 하면서, 아르바이트하면서 이런저런 툴을 사용했는데 시간이 시간인 만큼 하드웨어·소프트웨어 변화에 따라 사용하는 툴도 조금씩 바뀌었다. 비핸스(Behance)를 통해 스페인의 IT 회사 티켓비스(Ticketbis)의 VC와 처음 연락을 주고받았다. 졸업전시가 끝나고 그동안의 작업을 갈무리해 비핸스에 올려놓았는데 그 포트폴리오를 보고 쪽지 보냈다고 […]
The post 해외 UI 디자인 프로젝트에서 사용한 10가지 툴 appeared first on ㅍㅍㅅㅅ.
철문에 페인트칠을 하면 보기도 좋고, 녹슬거나 표면이 손상되는 것도 방지할 수 있다. 페인트칠은 셀프 인테리어 중 난이도가 높지 않은 편이지만 잘 하기는 어려운 분야다. 너무 두껍게 칠하면 페인트가 덩어리진 채로 굳어버려 보기 좋지 않고, 마스킹을 제대로 하지 않으면 주변까지 칠이 돼 지저분해지기도 한다. 이 글에서는 깔끔하게 철문을 페인트칠하는 법을 소개한다. 1. 페인트 고르기 : […]
The post 집에서 페인트칠할 때 기억해야 할 8단계 appeared first on ㅍㅍㅅㅅ.
예고된 종말 우리나라 온라인 의류 쇼핑몰 운영에 있어서 리터칭과 제품 소개 페이지를 만드는 웹 디자이너의 중요성은 두 번 말하지 않아도 대부분 공감할 것이다. 대한민국 쇼핑몰 웹 디자이너의 ‘리터칭’ 수준과 ‘빠른 손’은 세계 어디에 내놓아도 손색없다는 말이 괜히 나온 이야기가 아니다. 국내 온라인 의류 쇼핑몰의 제품 사진은 해외처럼 한 상품을 사진 10장 이내로 간단하게 작업하는 것이 […]
The post 의류 쇼핑몰 웹 디자이너의 종말 appeared first on ㅍㅍㅅㅅ.
세계적 브랜드 ‘무인양품’을 알아보자 ‘무인양품(無印良品, MUJI)’은 세계 23국에 200여 매장을 보유하고 한국엔 14개 매장을 두고 있습니다. 무지 코리아는 2004년 12월 설립됐으며 지분은 일본의 양품계획이 60%, 롯데상사가 40%를 각각 보유하고 있습니다. 무지 코리아의 매출은 2011년 232억 원에서 2013년 400억 원으로 2년 새 두 배가량 늘었으며 2015년 1-6월까지 매출은 2013년보다 130% 늘었습니다. 과연 이렇게 성장할 수 있는 […]
The post 우리가 몰랐던 무인양품의 5가지 비밀 appeared first on ㅍㅍㅅㅅ.
우리가 영화를 좋아하는 이유는 현실에 기반 둔 판타지기 때문입니다. 우리가 자유로운 상상 속에서 원하고 꿈꿔온 세상을, 현실에 발을 붙이고도 현실에서는 불가능한 것을 시각적으로 보여줍니다. 특히 SF 영화는 가까운 미래나 먼 미래, 또는 지구가 아닌 다른 세상을 보여주며 우리에게 상상력과 재미를 동시에 제공합니다. 스페이스 오페라 장르의 최고봉은 누가 뭐래도 〈스타워즈〉 시리즈입니다. 먼 미래의 지구 이야기도 아니고 그냥 […]
The post 스타워즈 세계와 현실 세계의 만남 appeared first on ㅍㅍㅅㅅ.
※ Nick Babich의 「Buttons in Design Systems: 12 Tips for Setting Up a System That Endures」를 번역한 글입니다. 지난 20년간 UI/UX 강의와 컨설팅을 하면서 수집했던 해외 자료를 저 혼자만 알기 아까워 공유하고자 합니다. 많은 관심 바랍니다. 저는 버튼을 정말 좋아합니다. 버튼을 활용하면 다양한 걸 할 수 있습니다. 다음 단계로 넘어가기, 요구사항 들어주기, 작업 완료하기 등 […]
The post 버튼 디자인 12가지 팁 appeared first on ㅍㅍㅅㅅ.
꼭 디자이너가 아니더라도 누구나 쉽게 웹사이트를 제작할 수 있게 만들어주는 사이트가 있다. 이젠 코딩을 할 줄 몰라도, 굳이 호스팅을 받지 않아도 된다. 물론 코딩을 할 줄 알면 더 활용도가 강력해지는 것은 사실이다. 기존에는 블로그에 템플릿을 일부 적용하는 느낌으로 커스터마이징했다면 이제는 아예 웹사이트 형태의 템플릿 제공 회사가 눈에 띄게 늘었다. 내부는 블로그와 별반 차이 없을 만큼 […]
The post 코딩이 필요 없는 웹사이트 제작 툴&사이트 10선 appeared first on ㅍㅍㅅㅅ.
※ Dotted Line의 “Dieter Rams Urges Graduates Toward a Responsible Design Ethos“를 번역한 글입니다. 더 인간적인 환경을 위한 디자인 지난 60여 년간 저의 디자인 철학은 변하지 않았으며, 여전히 이것이 옳다고 믿고 있습니다. 제품의 중심엔 언제나 인간이 있지만, 디자인은 사회의 변화와 함께하고, 그것은 디자이너의 책임 변화로 이어집니다. 오늘날 디자인은 ‘조금 다른 것’ 또는 ‘눈에 띄도록 가공된 것’의 […]
The post 디터 람스가 말하는 디자인의 5가지 핵심: ACCD 졸업식 축사 appeared first on ㅍㅍㅅㅅ.
자연이 만든 피사체와 인간이 만든 피사체를 구분하는 방법은 간단합니다. 전자는 직선이 없고 대부분 곡선으로 이루어졌으며 직선처럼 보이는 것도 크게 보면 완만한 곡선입니다. 반면 후자는 직선이 많고 곡선이 인위적입니다. 인간이 만든 것 중 가장 거대한 피사체는 토목공사 교량이나 100층이 넘는 고층 건물입니다. 직선을 많이 품은 건축물은 인기 있는 사진 재료 중 하나입니다. 아름다운 건물을 보면 저도 […]
The post 2017년 건축 예술 사진 공모전 수상작 appeared first on ㅍㅍㅅㅅ.
![[박진영의 재난이 다가와도 우리는] 바람이 불어오는 곳](http://image.yes24.com/images/chyes24/6/6/c/6/66c644eced6d9e323e34f783a1698c66.jpg)
![[한국 문학X뮤지컬] 창작가무극 이희준 극작가 인터뷰](http://image.yes24.com/images/chyes24/3/6/d/d/36ddb062e042fabd6dc593fc9a633de6.jpg)
![[예스24 굿즈 이야기] 굿즈MD는 봄이 오면, 여름을 준비한다 – 마지막 회](http://image.yes24.com/images/chyes24/3/9/e/8/39e8dc83c5f8dcfa42aae0dc7d0afacd.jpg)