Research/UI GuideLine
상황 별 UI 사운드 확인할 수 있는 사이트
상황 별 UI 사운드 확인할 수 있는 사이트
2022.06.14UI 사운드가 활발히 사용하길 바라는 제작자의 생각이 느껴지는 무료 사이트 개발 코드와 함께 사운드가 제공되는 것이 특징이고 사운드도 일괄 다운받을 수 있습니다. https://snd.dev/ SND: Crafted UI sound assets for UX developers 本サイトで公開しているサウンドアセットはオーディオファイルのため、様々な開発環境に必要に応じて読み込んでご使用いただく形を想定しています。しかし、特に多くの利用を想定して snd.dev
모달, 논모달 그리고 팝업의 차이
모달, 논모달 그리고 팝업의 차이
2021.11.16회사 업무를 진행하면서 '모달과 팝업' 차이를 그때 당시에는 누군가를 가르칠정도로 제대로 알지 못했기에 항상 갈증났었는데 이번 포스팅을 통해서 정리해볼까 한다. 결과적으로 대부분 모달을 많이 사용되고 있다. 메인 서비스와 상관이 없는 독단적인 내용이라면 팝업, 서비스를 통해서 진행되는 것은 모달이라고 부른다. 모달의 제일 큰 특징으로는 시작(진입 컨퍼넌트)하여 끝(OK, Save, Done...)을 낼 수 있으며, 모달에서 다시 제자리(메인)로 이동할 수 있다는 것이다. 이부분만 알아도 모달을 바로 알 수 있다. 구글 머테리얼 디자인에서도 모달과 논-모달의 정의를 볼 수 있는데 아래 그래프가 더 설명하기 좋을 것 같아서 가져오게 되었다. 이 그래프를 보면 또 떠오르는 질문 '논-모달은 무엇일까?'. 모달..
디자인 시스템 : 프로세스와 레퍼런스 (1)
디자인 시스템 : 프로세스와 레퍼런스 (1)
2021.08.19디자인 시스템 3요소 스타일 가이드 : 컬러, 폰트, 아이콘과 같은 디자인을 설명하는 가이드 패턴 라이브러리 : 컨퍼넌트를 활용한 패턴 등을 모아놓는 집합 시스템 가이드 : 디자인 시스템을 관리를 위한 업무 가이드 시스템 가이드 상세 정의 내용 1. Goal 2. People : 담당부서/담당자, 수정자/검토자, 접근권한이 있는 이해관계자 3. Channal : 이슈 및 파일을 공유할 채널 4. Share : 변경된 사안을 모두가 숙지하도록 고민 https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969 Everything you need to know about Design Systems → Pour la versi..
App design Guide : 앱 디자인 작업 시작 준비물(?)
App design Guide : 앱 디자인 작업 시작 준비물(?)
2020.06.22앱 디자인에 필요한 작업. 앱 아이콘 화면 디자인 앱스토어 스크린샷 SNS 커버/프로필 웹사이트 랜딩 페이지 * ui 디자인 버튼의 상태 normal / highlighted / selected / disabled 버튼 이미지 뒤에는 _n / _h / _s / _d * 앱 화면 실행시에 부드럽게 연결하기 위해서 런치 이미지를 넣는다. (런치이미지에는 비활성화된 컨텐츠상태이며, 앱 아이콘이나 BI를 넣는것이 대부분이다.) *PPP (Pixel Perfect Principles) - 참고 사이트 및 교과서서 * 앱 아이콘 1024 X 1024 px http://daramghaus.com/icontester/mask iOS_mask.zip Dropbox를 통해 공유함 www.dropbox.com - 이전에 블..
UI guide : 시간 표기법
UI guide : 시간 표기법
2020.06.2212시간 마감 시간 표기하는 방법 12시 대신 그에 약간 못미치는 시간으로 표기하면 된다. 30분이나 1분을 앒당겨 오후 11시 59분으로 표기해도 사용자에게 명확한 날짜와 시간을 전달할 수 있다. 생활패턴을 기준으로 시간을 표기하는 방법 생활 패턴에 따른 자연스러운 인지를 이용하여 표기해주는 게 때로는 정확한 시간보다도 더 정확하게 느껴지는데 이 예시로는 영화관 시간표가 있다. 영화시간표는 오늘 날짜에 25:30 분으로 적혀있는 것은 분명 존재할 수 없고, 이해하기도 어려운 시간이지만 우리는 이것을 보고 다음날 새벽이라고 정확한 표기보다도 더 정확하게 이해할 수 잇다. 영화 예매처럼 영업일과 예약 시간 등이 필요한 서비스라면 충분히 창조할만한 UI 텍스트이다. 낮과 밤, 그리고 새벽 등으로 시간 표기하..
iPhone X : Designing for iPhone X
iPhone X : Designing for iPhone X
2020.06.22아이폰 X 디자인에 관련된 영상 UX/UI 디자이너라면 무조건 봐야함 친한 개발자가 사이트 주소 줌 https://developer.apple.com/videos/play/fall2017/801/ Designing for iPhone X - Tech Talks - Videos - Apple Developer iPhone X features an all-screen Super Retina display, providing more space to display content and create deeply immersive experiences... developer.apple.com Designing for iPhone X - Fall 2017 - Videos - Apple Developer iPhone..
iOS : Apple UI Design Resources
iOS : Apple UI Design Resources
2020.06.22애플 정품 리소스 Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements. https://developer.apple.com/design/resources/#ios-apps%EF%BB%BF Apple Design Resources Design apps quickly by using Sketch and Photoshop templates, plug-ins, and preconfigured UI elements. developer.apple.com
구글 고객센터 : 앱 유료 및 무료 설정
구글 고객센터 : 앱 유료 및 무료 설정
2020.06.22Android 에서 앱을 유료로 설정할지 무료로 설정할지에 대해 고민하던 도중 필요한 페이지를 찾았다. 공유공유 https://support.google.com/googleplay/android-developer/answer/6334373?hl=ko 가격 및 앱 배포 설정 - Play Console 고객센터 도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요 support.google.com
UI : 아이콘에 제대로 된 이름 붙여주기
UI : 아이콘에 제대로 된 이름 붙여주기
2020.06.22이건 신입 디자이너가 봐야해. 아니 경력직도 봐야해.. ㅠ_ㅠ 이런 룰이 있을 줄이야. 너무 늦게 알아버렸다. 회사마다 쓰임새가 너무 다르니깐;; asset type - namespace - asset name - add a qualifier .png direction - shape - outline - status - color - size. png direction - right, left, up, down, back, less more, horiz, vert, portait, landscape shape - square outline - outline, border status - normal, pressed, focused, disabled, selected / bla..