본문 바로가기

전체 글

 (15)
UX/UI의 10가지 심리학 법칙 [책 정보] UX/UI의 10가지 심리학 법칙 사용자의 마음을 읽는 인간 중심 제품과 서비스 디자인 존야블론스키 지음 / 이미령 옮김 [작가 소개] 미국 디트로이트를 기반으로 다양한 영역에서 활동하는 디자이너이자 연사, 작가, 디지털 크리에이터다. 사용자 경험 디자인과 프론트엔드 웹 개발의 교차 지점에 대해 강한 열정을 지니고 있으며, 디지털 문제 해결에 간혹 이 두 분야를 결합한 하이브리드 방식으로도 접근한다. 여정 지도나 프로토타입을 만들지 않을 때는 Laws of UX, Humane by Design, Web Field Manual 같은 유용한 자료를 만든다. 현재는 제너럴 모터스에서 시니어 제품 디자이너로 차량 내부 인터랙티브 경험을 디자인하고 있다. [책 소개] UX/UI의 10가지 심리학 법칙..
디자이너가 포토샵을 어떻게 사용할까? 포토샵은 디자이너에게 필수적으로 알고 사용해야 할 필수적인 tool 중 하나입니다. 그만큼 활용도가 넓고 활용 빈도가 크기 때문입니다. 왠만한 작업은 포토샵으로 다 할 정도니까요. 하지만 그렇다고 포토샵이 만능은 아닙니다. 작업에 따라 알맞은 tool을 사용하는 것은 디자이너의 작업 시간을 줄여주고 다른 추가 작업을 하거나 ideation, concept에 대한 고민을 더 할 수 있는 시간을 확보해 줍니다. 그래서 한 번 포토샵을 어떻게 활용하고 있고 어떻게 활용해야 할지 간단하게 생각해 보려고 합니다. (물론 이것은 제가 사용하고 있고 생각하는 것을 적는 것이니 참고만 하시면 좋을 것 같네요.^^) 우선 포토샵은 어떤 목적으로 개발되었을까요? 이름에서도 알다시피 포토샵은 사진(photo)을 편집하기 위..
웹 디자인 그리드 시스템(Grid System) 디자인을 할 때 고민해하는 것 중 그리드 시스템에 대해 한참을 빠져서 고민한 적이 있다. '과연 그리드 시스템은 무엇이지?', '그리드 시스템을 꼭 사용해야 하는건가?' 그것에 대한 답을 찾기 위해 많은 고민을 했고 지금은 나 스스로는 확실한 답을 내린 상태이다. 결론부터 말한다면 그리드 시스템이 없어도 최종 디자인 산출물을 만드는 결과에는 영향이 있지는 않다. 하지만 내 디자인의 퀄리티를 높이고 안정적인 디자인을 하는데는 꼭 필요한 요소라고 생각한다. 그리드 시스템은 무엇일까? 그리드 시스템(Grid System)이란 정보 구조와 배열을 체계적으로 작성하여 정보의 질서를 부여하는 시스템이다. 정보의 질서를 부여하게 되면 정보가 일관성을 갖고 정리되어 보이게 된다. 그러므로 좀 더 체계적인 정보 전달이 ..
디자이너가 파이썬 시작하기 - 설치 디자이너가 왜 파이썬을 배울까? 저는 디자이너이지만 파이썬을 배울 생각을 하게 되었습니다. 물론 저는 단순히 그림을 그리는 디자이너가 아니라 서비스를 만드는 디자이너입니다. 서비스를 고민하고 만들어가는 과정에서 겪는 문제 해결 방안에서 파이썬이 필요하다고 생각했습니다. 우리는 어떤 문제점을 통해 더 나은 서비스를 만들 계획을 수립합니다. 그러기 위해서 문제점을 인식하고 분석하는 과정이 뒤따르게 됩니다. 여기서 더 정확하게 문제를 인식하고 분석을 하게 된다면 좀 더 사용자를 위한 서비스를 만들 수 있게 됩니다. 그래서 필요한게 바로 DATA(데이터) 입니다. 고객이 우리 서비스를 이용하는 족적의 Data는 우리가 문제 인식을 하고, 분석하는 아주 기본적인 자료입니다. 이를 위해서 파이썬이라는 도구를 학습하..
디자이너가 쓰기 좋은 크롬(Chrome) 플러그인 웹 브라우저 시장에는 큰 변화가 있었다. 단연 IE 몰락과 크롬의 대두이다. 현재 주변 지인을 보거나 브라우저 시장 점유율만 찾아봐도 쉽게 변화를 확인할 수 있다. 첨부한 표를 보면 더욱 공감할 것이다. 특히나 크롬을 웹서핑 목적 외 디자이너와 개발자는 개발자 도구와 각종 플러그인을 이용하는 경우도 많을 것이다. 나 역시 크롬을 이용하면서 개발자 도구와 다양한 플러그인을 잘 사용하고 있다. 그래서 디자이너로 내가 사용하고 있는 플러그인은 어떤 것이 있는지 소개하고자 한다. 만약 모르고 있다면 한 번 사용해 보고 계속 사용해야 할지 판단해 보는 것도 좋을 것 같다. 우선 첫번째로 소개할 플러그인은 'CSS Peeper' 이다. CSS Peeper는 빠르게 웹사이트의 Text, Elements의 속성을 확인..
디자이너가 HTML&CSS를 배워야 하나? HTML? CSS? HTML과 CSS는 웹브라우저에 그려지는 화면을 표현해하는 가장 기본적인 언어입니다. HTML과 CSS의 뜻을 정확히 알지는 못해도 HTML, CSS에 대해서는 한 번쯤 다 들어봤을 것 입니다. ※ HTML, CSS는 무엇일까요? HTML(Hyper Text Markup Language)은 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어입니다. CSS(Cascading Style Sheets)는 HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 언어입니다. 이렇게 HTML과 CSS는 웹브라우저에서 보여지는 페이지를 디자인 한 것을 보여지게 하는 언어입니다. 그렇다면 자신이 웹페이지를 디자인하는 직업을 가진 사람이라면 이런 생각을 해보셨을 겁니다. '나..
디자인 시 알아야 할 단위(px, dp, sp, pt) PX, DP, SP, PT ? 웹/앱 디자인을 할 때 기본적으로 알아야 항목이 있습니다. 그 중 디자인 시 알아야 할 단위에 대해서 생각해 보려고 합니다. 디자이너가 UI 작업을 진행할 때 Photoshop, Sketch, Figma 등의 프로그램을 이용합니다. (당연히 그외 다양한 프로그램이 존재합니다.) 이때 사용하게되는 단위는 픽셀(Pixel) 입니다. 흔히 줄여서 px 로 사용합니다. 1. 픽셀이란? 간단하게 우리가 보는 화면이나 이미지를 이루는 최소 단위입니다. 만약 우리가 가로, 세로 100px의 사각형을 그린다고 하면 어느 디바이스나 화면에서 동일한 크기로 보여집니다. 이는 픽셀은 절대값이기 때문입니다. 하지만 dp, pt 등의 단위는 물리적 크기는 다르게 됩니다. ※ 픽셀과 함께 자주 보이..
마케팅 용어 정리 ▻ 윈도우 Ctrl+F / 맥 Cmd+F 를 눌러 단어를 입력하면 쉽게 찾을 수 있습니다. 용어 정리 AE(Account Executive) : 광고 기획자 ATL(Above The Line) : 다수를 타켓으로 하는 매스미디어를 활용하는 광고 BTL(Below The Line) : 소규모로 1:1 로 맞춤 메시지를 전달할 수 있는 광고 TTL(Through The Line) : ATL, BTL 을 모두 활용하는 광고 Owned Media : 자사가 보유한 마케팅 채널 Paid Media : 트래픽을 위해 유료로 집행하는 채널 Earned Media : 고객의 목소리가 미디어가 되는 채널 STP(Segmentation, Targeting, Positioning 의 약자) : 마케팅 전략 수립 방법론 4P..
액슈어(AXURE) 설치하고 메뉴 알아보기 액슈어 설치하기 액슈어를 사용하기로 결정했다면 우선 액슈어를 자신의 로컬 컴퓨터에 설치를 해야한다. 액슈어는 맥(Mac), 윈도우즈(Windows)를 모두 지원하기 때문에 일반적으로 많이 사용하는 운영체제에서 이용이 가능하다. 액슈어를 설치하기로 했다면 액슈어 공식 홈페이지로 이동한다. ※이 게시글은 2020년 작성되어 현재와 상이할 수 있습니다. ▶︎ 액슈어 홈페이지를 방문 Axure RP 9 - Prototypes, Specifications, and Diagrams in One Tool The most powerful way to plan, prototype and hand off to developers, all without code. Download a free trial and see why..
구글 스프린트(sprint) - 4일차 진짜처럼 보이게 만들기 오늘의 할 일은 딱 하나 입니다. 바로 프로토타입을 만드는 것 입니다. '옛 서부영화에 등장하는 술집의 외관처럼 진짜 같아 보이는 프로토타입을 만들어내는 것이다.' 프로토타입 작업에서 중요한 건 바로 고객이 테스트를 실제처럼 느끼도록 하는 사실감입니다. 그래야 테스트에 참여하는 고객의 집중도가 올라가기 때문입니다. 외관만 제작한다고 하면 왠지 찝찝하다고 느낄 수 있습니다. 하지만 임시적인 모의시험에 집중하기로 생각을 바꾸어야 합니다. 이런 사고 방식을 '프로토타입 사고방식'이라 합니다. 프로토타입 사고방식 어떤 것이든 프로토타입을 만들 수 있다. 프로토타입은 한 번 쓰고 버릴 수 있어야 한다. 테스트에서 무언가를 배울 수 있을 정도로만 구해야 한다. 프로토타입은 진짜처럼 보여야 한..

티스토리툴바