본문 바로가기

UI

UI의 역사와 종류 (User Interface) UI (User Interface)라는 용어를 들어보셨나요? 아니면 UI, UX, GUI와 함께 쓰이는 것을 본 적 있으신가요? 생소하지만 비슷하면서도 애매해서 잘 이해가 안 되는 경우가 많습니다. 그만큼 어렵고 포괄적인 개념인 것 같습니다. 그래서 이번에는 UI (User Interface)에 대해서 좀 더 심도 있게 알아보고자 합니다. UI에 대해서 사용자 인터페이스 혹은 유저 인터페이스는 사람과 사물 또는 시스템, 기계, 컴퓨터 프로그램 사이에서 의사소통할 수 있도록 일시적, 영구적으로 접근은 목적으로 만들어진 물리적, 가상적 매개체를 뜻합니다. UI의 역사 1945~1968년 : batch Interface (배치 인터페이스) 1968년 : GUI (그래픽 유저 인터페이스) 1969년 : Comm.. 더보기
피그마 (Figma)란? 피그마 (Figma)에 대해서 들어보셨나요? UX / UI Design을 공부하시는 분이라면, 한번쯤은 들어봤을 것 같습니다. 현재는 스케치가 현업에서 제일 많이 쓰이고 유명하지만 피그마도 그에 못지않게 강력한 기능로 유명해지고 있는 디자인 프로그램입니다. https://www.figma.com Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com 피그마 (Figma)에 대해서 피그마는 UX / UI design을 할 때, 유용한 디자인 프로그램입니다. 다른 XD, Sk.. 더보기
UX 디자인 방법론 페르소나(Persona) & 저니맵(Journey Map) UX, UI를 디자인할 경우, 문제점을 찾아 분석 후 개선점에 맞는 방향으로 디자인을 합니다. 그 문제점을 찾고 디자인을 하는 방법을 디자인 방법론이라고 하는데요. 디자인 방법론은 회사의 규모와 디자인하고자 하는 UX, UI의 종류에 따라서 사용하는 방법이 매우 다양하고 다릅니다. 그래서 지금 소개하는 방법이 무조건 정답은 아니라는 점을 참고해주시기를 바랍니다. 여러 UX 디자인 방법론 중 하나인 페르소나(Persona)와 저니맵(Journey Map)에 대해서 알아보고자 합니다. 페르소나(Persona)란? 특정한 목적의 앱, 웹을 사용할 것 같은 사람을 가상으로 설정하여 아주 구체적으로 만드는 것을 뜻합니다. 즉, '사용자를 가상으로 만들어보는 것'이라고 생각하시면 됩니다. 페르소나를 설정할 때 필요.. 더보기
UX / UI 디자인 참고 사이트 모음 (UX / UI Design Reference Site) 디자인을 할 때 필수적으로 하는 부분이 바로 레퍼런스를 참고하여 분석한 후 목표에 맞게 트렌드 및 스타일을 적용하는 것인데요. 디자인 분야 중에서도 UX / UI 디자인 시에 참고할 수 있는 사이트에 대해서 알아보도록 하겠습니다. 어도비 XD 디자인 무료 리소스 사이트 (Adobe XD Free Design Resource Site) https://www.adobe.com/kr/products/xd/resources.html UX / UI 디자인 할 때 많이 사용되는 어도비 XD 프로그램 사용할 경우에 도움이 되는 플러그인, UI 키트 및 아이콘 자료를 무료로 다운로드 할 수 있는 사이트 입니다. 일일이 제작 하는데 시간이 많이 소요되는 키트와 아이콘의 소스를 무료로 다운 받아 시간을 효율적으로 관리할 .. 더보기
기업 및 앱(App) 데이터(Data) 분석 참고 사이트 디자인을 하기 전 기획단계에서도 여러 경쟁사와 자사의 데이터 분석은 필수입니다. 하지만, 현재는 인터넷으로 정보를 찾기는 쉽지만, 신뢰성 있고 정확히 분석된 자료를 얻기는 쉽지 않습니다. 그래서 기업 및 앱(App)의 데이터를 얻고 비교 분석할 수 있는 사이트들에 대해서 알아보도록 하겠습니다. 이 사이트들을 알아두시면, 기획서 및 디자인을 작성하실 때 매우 유용하게 데이터를 얻고 비교 분석하실 수 있습니다! 오픈애즈(Openads) http://www.openads.co.kr/home/index.nhn 2016-06-27에 설립된 마케팅 관련 정보 큐레이션을 제공하는 서비스사이트입니다. 오픈애즈의 특징 수 많은 정보에서 정작 자신이 필요로 하는 정보는 어디론가 감춰져 버렸습니다. 그래서 오픈애즈가 제한적.. 더보기
XD Download UX / UI 디자인을 할 때 아주 유용한 프로그램들이 있습니다. 스케치, 어도비 XD, 피그마 등 다양한 프로그램들 중 스케치를 강력하게 따라잡아가고 있는 무료로 사용가능한 Adobe사의 XD를 다운로드 하는 방법을 알아보도록 하겠습니다. 1. 포털 웹사이트에서 "어도비(Adobe)"를 검색해주세요! (검색 후 어도비 회사 홈페이지를 들어가주시면 됩니다.) 2. 어도비(Adobe)사의 홈페이지 상단 메뉴 크리에이티비티 및 디자인 - XD로 들어가주시면 됩니다. 3. 어도비(Adobe)사의 홈페이지 상단 메뉴 크리에이티비티 및 디자인 - XD - 다운로드를 클릭해주시면 됩니다. 또는 무료로 XD 체험하기를 클릭해주시면 됩니다. 4. XD 다운로드를 클릭 시에 설치하기 위해서 로그인을 해야합니다. (어도비.. 더보기
UX / UI 디자인이란? 최근 디자인 분야에서 많이 강조하는 말이 있습니다. 바로 UX / UI 입니다. 생소하신 분도 있으실 텐데요. 몇 년 전부터 디자인 분야에서는 정말 많은 강조가 되고 현재는 UX / UI 디자이너라는 말이 나타났습니다. 그래서 이번에는 UX / UI 디자인이 무엇인지에 대해서 알아보고자 합니다. UX (User Experience Design)란? UX라는 것은 처음에는 UED (User Experience Design)로 불렸습니다. 즉, 간단하게 말해서 사용자 경험 디자인을 뜻합니다. 사용자와 제품, 서비스, 대상 간의 긍정적인 경험을 할 수 있도록 상호 교감 요소를 창조하고 개발하는 디자인 분야입니다. 사용자 경험 디자인의 영역은 매우 광범위합니다. 그래서 모든 디자인에 UX가 필수라고 할 수 있습.. 더보기