반응형
'아티클' 태그의 글 목록
반응형
본문 바로가기
반응형

아티클9

UI디자이너의 아티클 활용법 에이전시 입사 이래로, 나 자신과 약속한 디자인 레벨업 루틴이 있다. 이 루틴은 빈도에 따라 매일, 매주, 매달 하는 것으로 나누어진다. 그중 매일 하는 것은 아래와 같이 두 가지이다. -1. Pinterset 업로드 -2. IT 혹은 디자인 관련 아티클 하나 이상 읽는 것 많은 것을 행하려고 하기보다는, 정말 내가 꾸준히 할 수 있고 해야만 하는 것에 초점을 맞춰 계획을 세웠었다. 위의 두가지 중 내가 꾸준히 실천해오고 있는 아티클 루틴을 소개해보려 한다. "출퇴근 길에는 메일함을 열어본다." 출퇴근 길은 양질의 아티클을 선별할 시간이 부족하기 때문에, 주로 좋은 아티클을 선별해서 소개해주는 뉴스레터 형식의 국내 플랫폼을 활용한다. 디독 Design+讀(읽을 독)의 합성어로, 해외 디자인 아티클을 읽기.. 2020. 6. 10.
UI / UX 디자이너를 위한 짧고 유용한 디자인 Tip Steve Schoger의 Twitter 모음 'Little UI Details'는 이해하기 쉬운 이미지로 UI 디자인의 다양한 요소를 다룬다. 확인해본 결과, 최신 업데이트는 지속적으로 이루어지지 않는다. 하지만 기본적이지만 놓칠 수 있는 디테일에 대해 쉽게 설명해주기 때문에 한 번쯤 훑어볼만하다. 01. 부정적인 링크에 대한 교묘한 액션 유도 부정적인 이차적 액션에 대한 미묘한 연결고리는 종종 큰 굵기의 버튼보다 더 잘 작동한다. (확인과 관련된 액션을 더 확실히 할 것!) 02. 최소한의 라인 사용 테두리가 너무 많으면 디자인이 정신없어 보일 수 있다. 03. 텍스트 정렬 텍스트를 정렬하는 것은 디자인을 정리하고 콘텐츠의 가독성을 높이는 쉬운 방법이다. 04. 텍스트 컬러 조정 순수한 회색 텍스트는.. 2020. 6. 4.
실제 UI 디자인 - 타이포그래피 앱에 아이콘, 사진 또는 여러 컬러 팔레트가 없을 수 있다. 하지만 디지털 솔루션은 텍스트 콘텐츠 없이는 존재할 수 없다. 텍스트는 솔루션을 이해할 수 있게끔 한다. 어떤 사람들은 디자인의 90%가 타이포그래피라고 말한다. 올바른 타이포그래피를 사용하면 솔루션의 사용자 경험이 크게 향상될 수 있다. 올바른 설정 덕분에 사용자는 콘텐츠를 더 쉽게 소비하고 더 많은 참여를 할 수 있을 것이다. 타이포그래피란? 타이포그래피는 활자를 배열하여 표시하거나 인쇄할 때 언어를 읽을 수 있도록 호소력 있게 만드는 기법과 기술이다. 글꼴 vs. 활자체 우리 모두는 동의어로 글꼴과 서체 용어를 사용한다. 하지만, 그들의 의미는 다르다. 글꼴은 하나의 특정 서체, 크기, 무게로 소개된 텍스트 문자의 시각적 표현이다. 예를 .. 2020. 4. 23.
라디오 버튼과 체크박스가 공존할 수 없는 이유 라디오 버튼과 체크박스는 오랫동안 사용자 혼란을 일으키는 구성요소였다. 이 요소들은 종종 같은 맥락에서 사용되지만, 완전히 다르게 보인다. 디자이너와 개발자들은 그 차이를 알고 있지만, 그것은 그들이 일을 통해 그것을 배웠기 때문이다. 그 차이를 전혀 배우지 못한 사용자들은 어떨까? 사용자에게 차이점을 가르쳐야 한다는 사실은 이 두 요소가 직관적이지 않다는 것을 보여준다. 그들의 외관만으로는 기능면에서 약간의 차이가 있다는 것을 전달할 수 없다. 이 시각적 단서는ㅡ점과 체크마크ㅡ 옵션 선택 이외의 사용자에게 특별한 의미를 부여하지 않는다. 따라서, 라디오 버튼과 체크박스의 공존은 UX의 일관성 원칙을 위반한다. 디자이너와 개발자들은 항상 그래왔기 때문에 그들의 공존에 의문을 제기해 본 적이 없다. 그러나.. 2020. 3. 24.
UI 디자인 - 컬러 색상은 사용자가 디지털 프로덕트를 인식하는 방법에 큰 영향을 끼쳤다. 만약 당신이 게슈탈트 원리와 그들이 사용자 인터페이스에 미치는 영향에 대해 알게 되었다면, 이제 색으로 더 많은 생명을 가져다주는 것에 초점을 맞출 수 있다. 이 글은 UI 디자인에서의 색상 사용법에 대한 완전한 가이드가 포함되어 있다. 당신의 다음 UI 톤에 대한 영감을 찾는 데 도움이 되는 툴에 대한 링크도 있다. UI에서 올바른 컬러 사용의 이점 색상은 UI를 더 매력적으로 만들기 위해 사용될 뿐만 아니라 사용자와 비즈니스에 다양한 이점을 준다. ㅡ 색상은 UX를 향상시킨다. 올바른 색상 팔레트로 구성된 콘텐츠는 읽기 더 편할 수 있다. 특정 영역과 오브젝트는 더 많은 의미를 얻으며, 집중하기가 더 쉽다. ㅡ 색은 브랜드의 성격을.. 2020. 3. 18.
UI 디자인 - 다크모드 실용적인 팁 & 트릭. 기술은 항상 우리와 함께 한다. 우리는 앱과 상호작용하고 밤낮으로 웹사이트를 읽는다. 어떤 경우에는 디지털 솔루션의 흰색 화면이 우리의 눈에 불편할 수도 있다. 그래서 점점 더 많은 디자이너들이 라이트 모드 / 다크 모드두 가지 테마로 그들의 창작물을 만드는 데 관심을 기울이는 것이다. 다크 모드는 사용자들이 자연스럽게 사용할 수 있도록 우리가 따라야 하는 특정한 규칙을 가지고 있다. 이 글은 그 규칙에 대한 모든 것을 담고 있으므로, 긍정적인 경험을 가져다주는 테마를 만들 수 있다. 왜 다크모드인가? 어두운 테마의 주요 장점은 조도가 낮은 환경에서 가독성이 더 좋다는 것이다. 다크 모드는 기기 화면의 밝기를 감소시킨다. 그것은 시각적 인체공학을 개선하고 특정한 빛 조건에서 더 잘.. 2020. 3. 17.

반응형