아이콘

Tistory 스킨편집 :: 유명 스킨인 hELLO 스킨 편집하기 (사이드바 안보이는 문제 해결하기, 게시글 그리드 형태로 표시하기)

Tistory 스킨편집 :: 유명 스킨인 hELLO 스킨 편집하기 (사이드바 안보이는 문제 해결하기, 게시글 그리드 형태로 표시하기) 배경 https://pronist.dev/5 티스토리 유명 오픈소스 스킨인 hELLO 스킨을 사용하다가 보완해야할 점이 여러 개가 보여서, 스킨 편집 - html 편집을 통해 내 입맛에 맞게 수정하고자 했음. 스크린별로 보이는 화면을 아래 요구사항에 맞춰 사용자 경험을 더 좋게 만들기 위해 html, css를 편집하게 된 과정을 요약하여 공유하려고 한다. 요구사항 1. 웹 화면이 1400px 이하 일때, 사이드바를 가리고 1400px보다 커지면 사이드바를 표시함. 2. 한 화면에 더 많은 게시글을 표시하게 하기 위해 한 줄에 3개의 게시글이 표시되도록함. 3. 상단 네비게..

UI 디자인 :: 앱에 사용할 좋은 무료 아이콘 Reference

https://www.flaticon.com/ 배경 크몽이나 배민 같은 요즘 앱들을 살펴보면, 아이콘을 사용하여 사용자가 직관적으로 이해할 수 있게 메뉴를 구성하는 경우가 많다. 그래서 체력 측정 앱 개발 도중 아이콘의 필요성을 느꼈지만, 디자이너에게 아이콘 외주를 줘야하는지에 대한 고민에 빠졌다. 요구사항 1. 아래의 체력 요인별 종목을 사용자가 직관적으로 이해할 수 있게끔 잘 표현해야 함. 2. 종목별 동작 특징을 잘 표현해야 함. 3. 너무 화려하거나 튀는 디자인은 제외함. 4. outline border의 존재 유무, 색감 등 통일성을 갖춰야 함. 해결 1. 대부분 아이콘이 영어로 검색하게 제공되어 있어, 측정 종목마다 영어로 검색하여 동작을 잘 설명하는 아이콘을 골랐다. 2. 텍스트만으로 표현하..