본문 바로가기
반응형

UXUI디자인

 (8)
버튼에 시각적 무게를 두면 행위를 유도할 수 있다 출처 : https://brunch.co.kr/@ebprux/1001 버튼에 시각적 무게를 두면 행위를 유도할 수 있다 UX 디자인 원칙 | 버튼에 시각적인 무게를 두면사용자의 다음 행위를 적극적 유도할 수 있습니다 시각적 무게감은 유저가 정보의 우선순위를 한눈에 알아볼 수 있는 방법 중의 하나입니다. 특히 brunch.co.kr 버튼에 시각적인 무게를 두면 사용자의 다음 행위를 적극적 유도할 수 있습니다 시각적 무게감은 유저가 정보의 우선순위를 한눈에 알아볼 수 있는 방법 중의 하나입니다. 특히 버튼에 시각적 무게감을 두는 것은 사용자의 시선을 끌어모으는 데 유용합니다. 그래서 주요 액션 버튼에 시각적 무게감을 둬야 합니다. 반면에, 주요 액션 버튼이 아닌 부차적인 버튼이라면, 시각적 무게감은 덜 줘야..
가능한 화면 요소를 덜어내고 덜어내자 출처: https://brunch.co.kr/@ebprux/987 가능한 화면 요소를 덜어내고 덜어내자 UX 디자인 원칙 | 가능한 화면 요소를 덜어내고 덜어내고 덜어내자 전통적인 웹 디자인에서는 화면 영역을 명확히 구별하기 위해 테두리를 두는 등 시각적 구분을 명확히 했습니다. 이는 게슈탈 brunch.co.kr 전통적인 웹 디자인에서는 화면 영역을 명확히 구별하기 위해 테두리를 두는 등 시각적 구분을 명확히 했습니다. 이는 게슈탈트 법칙 중 폐쇄성의 법칙과 연관성이 있습니다. 하지만 디자인 트렌드가 많이 바뀌었습니다. 플랫 디자인과 미니멀리즘이 디자인 트렌드가 된 지 어느 정도 시간이 많이 흘렀습니다. 이에 맞춰 웹에 있는 박스나 구분 선을 제거하는 등 화면 구성 요소를 더 간결하게 보여주고 있습니다..
디스플레이 단위(PX, DP, SP, PT) 알아보기 출처: https://brunch.co.kr/@zalhanilll/407 디스플레이 단위(PX, DP, SP, PT) 알아보기 UI 디자인 시작하기 | PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드 brunch.co.kr PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드로이드에서 주로 쓰이는 단위. DP는 디스플레이의 좌표라고 생각하면 된다. "픽셀..
가변, 고정 영역에 대한 이해 출처:https://brunch.co.kr/@zalhanilll/406 가변, 고정 영역에 대한 이해 UI 디자인 시작하기 | 디스플레이 단위(PX, DP, SP, PT) 이해하기 글을 먼저 보고 오시면 이해에 도움이 됩니다. 처음 UI 디자인을 시작하면 생각보다 알아야 할게 많아서 놀라곤 하는데, 그중 하나는 brunch.co.kr 디스플레이 단위(PX, DP, SP, PT) 이해하기 디스플레이 단위(PX, DP, SP, PT) 알아보기 UI 디자인 시작하기 | PX(Pixel) 웹에서 주로 쓰이는 단위. 화면을 구성하는 가장 기본이 되는 단위이다. 해상도를 나타낼 때 쓰인다. (Picture Element에서 유래됐다고 한다) DP(Density Independent Pixel) 안드 brunch.c..
너도 나도 UX를 한다지만, 하는 일은 다르다구요 게임 회사 넥슨에서 유저 경험을 분석하고 있는 UX리서처의 일, 문화, 그리고 생각에 대한 생생한 이야기를 전해드릴게요! 이런 분이 읽으시면 좋습니다! 고객의 경험을 기반으로 진행되는 UX 업무에 관심이 있는 분 UX직무들이 각각 어떤 일을 하고, 차이가 무엇인지 알고 싶으신 분 UX, User Experience, 사용자 경험이라는 개념은 이제 많은 사람들에게 있어 그렇게 낯선 개념은 아닙니다. 특히 IT업계에 계신 분들에게는 많이 친숙해진 개념이죠. 하지만 개념으로써의 UX가 아닌 하나의 업무로써 UX가 어떤 일을 하는 것인지에 대해서는 아직 낯선 부분이 많이 있습니다. UX라는 개념이 너무 광범위한 개념이기도 하고, UX라는 개념의 범위가 넓은 만큼 UX를 다루는 업무 또한 매우 다양하기 때문이죠...
넷플릭스 새로운 사용자 평가 옵션 '쌍따봉' 보셨나요? 출처 : https://brunch.co.kr/@ywkim36/81 넷플릭스는 지난 4월 중순부터 TV 프로그램이나 영화에 대한 평가가 단순히 '좋아요'이상을 보증할 때 '더블 썸업(double thumbs up): 쌍따봉' 이라는 새로운 사용자 평가 옵션 UI를 공개했습니다. TV, 웹, Android 및 iOS 모바일 장치의 싫어요 와 좋아요 버튼 옆에 이 옵션이 있습니다. 넷플릭스의 추천 엔진(NRE: Netflix Recommendation Engine)은 매우 정확하고 관련성이 높기 때문에 넷플릭스 시청자 활동의 약 80%가 엔진의 개인화된 추천에 의해 주도됩니다. 개인화 엔진에 관한 리포트 The Netflix Recommender System: Algorithms, Business Value..
모바일 UI·UX 디자인시 고려해야 할 가이드라인 3 [디자인로그/UI.UX] - 모바일 UI·UX 디자인시 고려해야 할 가이드라인 2 모바일 UI·UX 디자인시 고려해야 할 가이드라인 2 모바일 UI·UX 디자인시 고려해야 할 가이드라인 2 출처: https://brunch.co.kr/@chulhochoiucj0/9 회원가입 또는 로그인 시 입력한 비밀번호를 가리거나 볼 수 있는 옵션을 제공하세요. 입력한 비밀번호는 기 zoeylog.com 모바일 UI·UX 디자인시 고려해야 할 가이드라인 3 출처: https://brunch.co.kr/@chulhochoiucj0/10 26. 라디오 버튼은 소팅 기능에 사용할 수 없습니다. 라디오 버튼은 선택과 관련된 기능에서만 사용되어야 합니다. 라디오 버튼을 텝했을 경우 하나의 옵션만 선택 상태가 변경되고 그 외의 ..
8-Point 그리드 시스템 8-Point 그리드 시스템 출처 : https://medium.com/built-to-adapt/intro-to-the-8-point-grid-system-d2573cde8632#.oh33ss65e Intro to The 8-Point Grid System Learn how it can take your design to the next level medium.com *왜 px단위가 아닌 pt단위인지는 https://brunch.co.kr/@blackindigo-red/18를 참고하세요 :) 픽셀 밀도(Pixel Density)에 대한 설명 픽셀 밀도란 무엇이며, 어떻게 작동하고, 이것이 디자인에 미치는 영향. | (출처 :[Pixel Density, Demystified – Peter Nowell –..
반응형
LIST

티스토리툴바