STUDY/오늘의 기록(11)
-
[보기 좋은 프로덕트의 비밀] 아이콘
UI에서 아이콘의 중요성과 어떻게 만들어야 좋은지 배워봅시다. 개성을 부여하기 쉽고 다양한 실험이 가능한 시각 언어인 아이콘은 어떤 법칙으로 제작해야 하는지 배워봅시다. 아이콘 : 누구나 아이콘을 보면 무슨 뜻인지 알 수 있는 것이 장점이다. 아이콘 = 이미지의 일종으로 볼 수 있음 이미지란 기호의 경계에 있는 요소인데 사진처럼 복잡한 어떤 이미지 전체를 전달하는 것이 아닌 구체적으로 무슨 내용을 압축해서 설명할 때 자주 쓴다. ex) 올림픽 - 종목 설명 : 픽토그램 종목을 강렬하고, 간결하게 표현한다. 픽토그램도 아이콘의 일종이라고 볼 수 있다. 디지털 프로덕트 안에서는 아이콘으로 불리고 있음 스마트폰 안에서 앱 아이콘을 볼 수 있다. (브랜딩 아이콘이라 불림) 프로덕트 안에서 동작하는 것들도 아이콘..
2023.11.13 -
[보기 좋은 프로덕트의 비밀] 타이포그래피
디자인에서 문자는 어떻게 사용해야 하는지 타이포그래피 기초에 대해 배워봅니다. 웹, 지면, 모니터, 모든 화면에서 많은 분량을 차지하는 문자 디자인에서 문자는 왜 중요하며 어떻게 사용하는 것이 좋을지 알아봅시다. 추상적인 어떤 개념을 설명할 때는 문자를 이용해서 전달하는 것이 빠르다. 집단 안에서 문자는 약속이다. 문자 : 사람들 간의 약속 타이포그래피(Typography) : 문자를 배치하는 모든 활동을 총칭하는 언어 ✔️ Typo(글자) + graphy(기술법) 타이포그래피에서 가장 중요한 것 1. 판독성(Legibility) : 글자와 글자를 구분할 수 있는 정도 2. 가독성(Readability) : 쉽게 읽을 수 있는 정도 판독성이 안좋은 예시 LLIIIIiioo0066 글꼴 수는 적을수록 보는..
2023.11.10 -
[보기 좋은 프로덕트의 비밀] 컬러
컬러 명도 : 밝음과 어두움 채도 : 선명함과 탁함 색상 : 고유한 색 종류 RGB : 빛의 3원색인 Red, Green, Blue RGB는 혼합하면 할수록 더욱 밝아지는(명도가 높아지는) 특징을 가지고 있다. HEX : 00~FF까지의 16진수 #000000 HSB(Hue-Saturation-Brightness) : 대부분의 그래픽 툴에서는 HSB를 기반으로 해서 표현이 되어 있다. H - 색상 S - 채도 B - 명도 UI 디자인 특징 1. 보통 브랜드의 컬러를 설정 후(primary color) UI디자인이 시작된다. 네이버 - 초록색 지그재그 - 핑크 2. 그다음 위계 컬러 설정 secondary 컬러, white>gray>black 순 에어비앤비 - 예약하기가 가장 중요 (primary colo..
2023.11.08 -
[하루 5분 UX] 핵심 아이디어
UX란 무엇인가 UX 디자이너 목표 : 사용자가 쓰기 편하게 만드는 것 "사용자 경험"은 빙산의 일각 UX란 사용자 경험 디자인 프로세스를 따라 "진행"하는 것이다. 사용자 이해를 위한 리서치 수행 -> 아이디어 구상 -> 구현 후 확인 UX의 5대 핵심 요소 심리 사용성 디자인 UX 라이팅 분석 1. 심리 사용자가 의도한 바는 무엇인가? 사용자는 버튼을 클릭할 때 무엇을 예상하는가? 사용자는 배운 적 없는 내용을 이미 잘 알고 있다고 가정하진 않았는가? 사용자의 마음은 복잡하다. UXer들 또한 주관적인 생각과 감정에 많은 부분 의존하며 일한다. 2. 사용성 사용이 쉽고 명료한가, 아니면 그 반대인가? 사용자 입장에서 만들었는가, 아니면 그 반대인가? 자신의 논리와 분류 방식에 따라 만들었는가, 아니면..
2023.10.26 -
독도의 날_네이버 지도
독도의 날을 맞아 네이버 지도의 독도 영역에 독도 아이콘과 태극기 아이콘이 추가된 것을 볼 수 있다. 독도 주변에서 거리뷰 아이콘을 누르면 거리뷰/수중뷰를 볼 수 있다. * 독도 거리뷰 기능은 2011년부터 서비스를 제공했다고 한다. 독도 주변 거리뷰를 살펴볼 때 지도 화면이 줌아웃 되어서 사용자가 다시 줌을 해야 경로를 확인할 수 있다는 점은 아쉬웠다.
2023.10.25