UI (13) 썸네일형 리스트형 머티리얼 디자인(Material Design)의 핵심은 무엇인가? 머티리얼 디자인(Material Design)의 핵심은 무엇인가?출처 : 슬로워크 블로그 Being Limited를 운영하고 있는 Paula Borowska가 DesignModo에 쓴 What is the point of material design?의 번역입니다. 되도록 원문의 의도가 나타나도록 했지만 내용에 따라 의역한 부분이 있습니다. 이번 구글 I/O에서 발표된 ‘머티리얼 디자인’이란 간단하게 말해 “구글의 다양한 플랫폼 안에서 사용자 경험을 하나로 묶는다”입니다. 이런 “통합”은 서비스(기술)를 더 쉽고, 간결하고, 직관적으로 만들어 전체적인 사용자 경험을 향상시킬 것입니다. 구글이 발표한 머티리얼 디자인 데모구글의 머티리얼 디자인 아시다시피 구글은 매우 매우 큰 회사이고, 검색엔진부터 브라우저.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 4탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 4탄 1. Splash Screen 프로그램을 로드하는 동안 표시되는 이미지를 말합니다. 평균 2~3초간 지속되는 시간동안 애플리케이션의 로고와 함께 앱에 대해 간략한 소개를 하거나, 로딩 진행률을 애니메이션으로 표시하기도 합니다. Splash Screen에 사용되는 로고나 텍스처를 통해 애플리케이션의 아이덴티티를 표현할 수 있어야 합니다. 2. Coach Marks / Empty Data / Walkthroughs 위의 패턴들은 도움말을 제공할 수 있는 패턴입니다. '이 앱이 얼마나 친절한가?'를 판단할 수 있는 하나의 요소가 될 수 있는데요. 초기 진입 시에만 볼 수 있도록 설계하고 다음 진입 부터는 '설정'같은 메뉴 안에 두어 언제든 도움말을 호출할 .. UX 디자인, UI 디자인을 넘어 혁신의 수단으로 UX 디자인, UI 디자인을 넘어 혁신의 수단으로류한영, 이화여자대학교 디지털미디어학부 교수 출처 : http://hcitrends.kr/ 치열한 경쟁에서 살아남고 성장하기 위해 기업은 오래 전부터 혁신을 핵심전략으로 삼아왔다. 초기의 혁신은 생산프로세스 개편이나 비용 절감 등의 방법을 통한 가격혁신의 형태로 진행되면서 성장보다 생존에 더 치중하는 모습을 보였다. 최근에는 새로운 기술 개발 및 상품화를 통한 기술혁신이 중시되고 있다. 이는 생존만이 아니라 부가가치 창출을 통해 성장을 추구했다는 점에서 의미 있는 일이다. 하지만 이런 노력에도 불구하고 기술의 상향 평준화로 인해 혁신의 노력이 한계에 도달하면서 새로운 돌파구가 필요했다. 그것이 바로 ‘UX 디자인’이다. 아래의 글은 지난 1월 46인치 투명.. ADOBE MAKE IT EVERYWHERE 2016 TOUR Adobe MAKE IT EVERYWHERE 2016 TOUR 지난 7월 6일 그랜드 인터컨티넨탈 서울 파르나스 5층에서 진행된 ADOBE MAKE IT TOUR 컨퍼런스를 다녀오고는 게으름에 이제서야 포스팅을 합니다.지금까지 ADOBE에서 진행한 오프라인 행사 중엔 꽤 고가의 금액을 지불해야 했던 행사로 인당 150000원 정도였는데 마침 조기 등록 할인 기간에 등록을 해서 30000원 할인된 금액으로 참여할 수 있었습니다.(회사 복지 포인트가 남아있다면 복지 포인트로 했어도 됐겠지만, 복지 포인트는 이미 다 써버렸다는.....) 어찌됐건 여차저차 행사 당일은 연차를 쓰고 출근하는 마음으로 당일 아침 일찍 준비하고 삼성역으로 향하여 도착한 행사장 입구입니다. 고급지다아~~ 주요 발표자와 아젠다 동아 I.. The Principles of UX Choreography - UX 연출의 원칙 The Principles of UX Choreography UX 연출의 원칙 출처:http://story.pxd.co.kr/1097 디즈니와 UX의 교차점, 그리고 미키마우스 그리는 방법을 배우는 것이 당신의 디자인 접근 방식을 변화시킬 것이다. 최근 나는 디즈니 애니메이터로서 전설적인 Glen Keane과 SXSW(South by Southwest: 영화와 음악 페스티벌)에서 대담을 나누었다. 이 글은 토론 중에 나눈 이야기를 정리한 것이다. ------------------------------------------------------------------------------------------------------------- 나는 UX 디자이너가 되기 전에 타이틀 시퀀스 디자이너가 되고 싶.. [인포그래픽] 당신의 자료를 빝나게 만들어 줄 ... 당신의 자료를 빛나게 만들어 줄 인포그래픽 제작 도구 12가지 출처: http://trendw.kr/design/201405/12427.t1m 1. 인사담당자의 시선을 사로잡는 인포그래픽 이력서를 만들 수 있는 Vizualize.Me Vizualize.me는 마우스 클릭 몇 번만으로 나만의 이력서를 만들 수 있는 홈페이지입니다. 취업난이 가중되어 경쟁이 치열해지는 요즘 더욱 유용하게 사용할 수 있는 인포그래픽 제작 도구 중 하나죠. 학력, 경력, 관심사, 수상 내용 등 원하는 항목만 입력하세요. Vizualize.me가 인포그래픽으로 만들어드립니다. 2. 다양한 시각화 도구가 모여 있는 Piktochart 인포그래픽을 만들 때 필요한 다양한 테마와 아이콘, 벡터, 이미지, 차트들을 한눈에 볼 수 있는 사.. [UI/UX] 절대 지켜져야만 하는 UI 디자인의 7가지 법칙 절대 지켜져야만 하는 UI 디자인의 7가지 법칙 출처 : http://99designs.com/designer-blog/2014/01/15/7-unbreakable-laws-of-user-interface-design/ 당신은 웹디자이너인가요? 만약 그러하다면 당신은 UI 디자이너라는 말이기도 합니다. 그리고 미래에는 오히려 그 UI 디자이너라는 호칭이 웹 디자이너라는 이름보다 더욱 중요해질지도 모릅니다. 오늘날의 웹페이지들이 네비게이션과 메뉴 정도 만을 남긴 간단한 인터페이스라면, 기술의 발전으로 인해 우리가 앞으로 겪게 될 인터페이스는 아마 지금보다 더 유동적이고 개인에 최적화된 것들을 요구하게 될 것입니다. 피할 수 없이 받아들여야만 하는 이 흐름은, 우리가 UI 작업을 더욱더 세밀하게 해야 한다는.. [UI/UX] Flat 하지만 세련되게 요즘 유행하고 있는 Flat 한 디자인들입니다. FLAT 1. 평평한, 편평한 2. 평평한, 평지인 3. 고른, 반반한 'Flat' 하지만 세련되게 하는 것이 참 쉽지 않은 일인데... 경험상으론 자료만 줄창 찾아서 응용하지 못하고 마는 것보다는 몇가지 적용할 만한 디자인을 찾아보고 나의 스타일을 만들어가는 것이 바람직한 듯 합니다. 최근 저의 작업도 비슷한 일이 있어 관련 디자인 소스를 찾아봅니다. [모바일] UX Sketching And Wireframing Templates For Mobile Projects 모바일 UX/UI 디자인 스케치 페이퍼 출처 : http://uxdesign.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-mobile/ 모바일 UX/UI 디자인시 다양하게 활용할 수 있는 스케치 페이퍼입니다. Tapsize With Tapsize, you can determine the optimal tap area without having an actual device. Just print the screen you need. The set includes 9 PDFs: 3.5 inches — 640 × 960 pixels 4.65 inches — 1280 × 720 pixels 5.3 inches —.. [UI] 바람직한 UI [web] 바람직한 UI 출처: http://gokgo.tistory.com/94 원문사이트 (http://www.goodui.org) 좋은 UI란 높은 변환율과 쓰기 쉬운것. 다른말로 쓰는 사람이나 사업측면이나 모두 괜찮은것이다. 여기 시도해볼만 실용적인 아이디어들을 리스트해두었다. 1. 멀티컬럼 대신 원컬럼 레이아웃을 써라 원컬럼 레이아웃은 당신이 생각하는 것이상의 컨트롤이 가능하다. 맨위에서 맨아래까지 더 예측가능하도록 당신의 독자들에게 가이드 해줄수있기 때문이다. 반면 멀티컬럼은 페이지의 핵심 컨텐츠에 집중하는 것을 방해할 부가적인 위험을 가지고 있다. 사람들에게 하나의 스토리와 그 끝에 그에 반응하도록 가이드하라. 2. 팔고나서 입 싹 씻지말고 선물을 줘라. 고객에게 선물을 주는것같이 상냥한 제.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 1. 라이트 박스(Light Box) 팝업이 뜨는 동시에 백그라운드 화면이 어두워지거나 밝아지는데, 이를 '라이트 박스'라고 부릅니다. 라이트 박스 처리된 영역은 컨트롤 할 수 없으며 사용자가 대화 상자에 집중해야 한다는 시각적인 알림을 제공합니다. 일종의 Modal Dialog(혹은 Modal Window)라고 할 수 있습니다. 일반적인 팝업과 다른 점은, 박스를 해제하지 않고는 배경의 요소와 인터랙션 할 수 없다는 점입니다. 2. 토스트 팝업(Toast Pop-up) 마치 토스터기에서 토스트가 나오는 모양과 같다고 붙여진 이름입니다. 알림을 위한 팝업의 일종으로, PC에서는 주로 모니터의 우측 하단에서 몇 초간 나타났다가 사라지는 형태를 취하며 모.. [UX] UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 1. 증분 탐색 (Incremental Search) Incremental Search로 검색하면 '증분 탐색'이라고 번역이 되어 있는데 '순간 검색'이라고 용어가 통일되어 사용되는 추세입니다. 기본적인 의미는 '자동 완성'과 구별됩니다. 사용자가 특정 단어를 검색하기 위해 검색어를 입력할 때, 검색어를 예상해서 리스트로 제공하는 화면을 '자동 완성'이라고 한다면, 사용자가 목표 검색어를 입력하기 전에 검색어를 예상하고 제공하는 결과 화면은 '순간 검색'입니다. 주요 검색 엔진을 통해 해당 기능을 간단하게 비교해 보도록 하겠습니다. 구글의 Instant Search/Instant Previews 구글의 '순간 검색(Instant Search)'은 검색.. 이전 1 2 다음
