분류 전체보기 (19) 썸네일형 리스트형 2025 UXUI 트렌드 UXUI 트렌드가 매년 크게 변화하지는 않는다. 짧게는 3~4년 길게는 10년 이상의 단위로 눈에 띄는 변화가 있다.작년에 작성했던 UXUI 트렌드는 제외하고 새롭게 추가된 트렌드를 위주로 작성하였다.작년 게시글 : https://flymetothemoonsu.tistory.com/15 1. AI : 초개인화 ai 관련해서는 지겹더라도 언급할 수 밖에 없는 트렌드이다. 사용자의 데이터를 분석하여 개별 사용자의 선호도, 행동 패턴, 실시간 요구를 반영한 맞춤형 콘텐츠, 인터페이스 제공1.데이터 기반 고객 세분화2. 실시간 추천 시스템 도입3. 예측 모델링을 통한 개인화된 프로모션4. AI 리타겟팅 광고 활용 (일반광고 대비 10배 높은 클릭율) 결과불필요한 탐색 시간을 줄이고, 목표 달성 속도 향상 2... 아이가 태어나면 1살인 건에 대하여 일부 연구과 뇌과학 자료에 의하면 36개월 이전의 아기에게 엄마 뱃속에 있었을 때 일들을 물어보면 기억하고 답한다고 한다. 실제로 유튜브에만 검색해봐도 뱃속에 일들을 기억하고 답하는 영상을 볼 수 있다. - 따뜻해서 나오고 싶지 않았다. - 깜깜하고 배고팠다 (엄마가 입 덧이 심해서 아무것도 못 먹은 경우)- 포도를 많이 먹었다 (엄마가 임신 기간 중 포도를 많이 먹었다고 함)- 엄마가 태교하면서 지어내 부른 노래를 아이가 커서 스스로 다시 부르는 경우 대부분 아이가 마구잡이로 지어낸 이야기가 아니라 실제 일어난 일들을 기억한다는 사실이 놀라웠다. 나도 아기를 갖게 된다면 뱃속에 있을 때부터 이미 한 생명이라 생각하고 소중히 다뤄야 한다는 것을 다시 한번 상기시킨다. 아기가 배속에 있던 기간까지 포함하여.. UXUI 툴에 관하여 보호되어 있는 글입니다. 포트폴리오 툴 통계 포트폴리오 툴 사용 통계에 대해 알아보자 1. 압도적으로 가장 많은 비율을 차지하는건 직접 코딩이다. 장점 : 자유로운 제작, 무료 단점 : 좋은 퀄리티로 제작 하려면 시간이 너무 오래 걸림 , 스트레스 2. 웹플로우 3. 프레이머.... 등 웹빌더 장점 : 빠르면서 좋은 퀄리티 제작, 코드 수정 및 활용 가능단점 : 개인적으로 사용해본적이 없어서 툴을 익혀야함, 코딩을 못한다는 오해를 불러일으킬 수 있음, 유료+ 사용 해본 결과 : 코딩을 모르면 사용하기 어려움, 코딩을 알더라도 생각보다 그리 간단하지도 빠르지도 않다. 4. Behance ... 등 디자이너 특화 이미지 포트폴리오 도구장점 : 디자이너 특화단점 : 기획자에게 부적합 그 외 툴들은 현재로써 고려할 가치가 그다지 없어 보인다.사용자 평가 .. 전세계 및 국내 디스플레이 해상도 통계 글로벌 웹, 모바일 서비스를 제작할 때 참고하기에 유용하다. 전체 및 국가별 디스플레이 해상도 통계를 참고할 수 있다. 기본적으로 데스크탑(노트북 포함) - 모바일 - 테블릿 총합 통계를 보여주며 개별 통계 또한 확인 할 수 있다. 전세계 1위는 FHD 1920x1080이며 23.53% 차지하고 있다. 시간이 흐를 수록 높은 해상도의 비율이 높아지고 있는 추세이며 노트북의 비중이 높다. 대한민국은 전세계에서 압도적으로 높은 해상도를 사용하는 국가이다. FHD가 절반이 넘으며 2위가 QHD인 유일한 국가. 심지어 8위에 3440x1440 가 등재 되어있다. 노트북 비중이 매우 낮은편에 속한다. 현재 회사에서 서비스를 담당하고 있는 일부 국가의 최근 통계를 확인해보았다. 역시나 한국과는 차이가 매우 크다. .. 픽셀 PX보다 REM을 사용 해야 하는 이유 폰트 사이즈 단위 에는 대표적으로 PX, REM, EM이 있다. - PX은 고정 단위 (브라우저 설정 미반영) - REM 과 EM 가변 단위 (브라우저 설정에 따라 변함. 즉 환경에 따라 변화될 수 있는 단위) 그러므로 사용자 배려 측면에서 가변단위 (REM or EM)를 쓰는게 원론적으로는 바람직하다. 특히 다양한 사용자층을 위한 서비스라면 이 기준을 따르는게 좋다. (고령자나, 시각에 문제가 있는 사람을 위해) 추가요약정보 - 브라우저의 기본 폰트 사이즈는 일반적으로 16px 이고 1rem = 16px이다. - 폰트 크기를 62.5% 로 설정하게 되면 기본 폰트 크기는 10px - 계산 편의를 위해 62.5%를 곱해서 1rem=10px로 수정해서 사용하기도한다. html { font-size:16px.. 색 조합 및 트렌드 관련 사이트 색상은 디자인과 UXUI에 아주 중요한 요소이다. 색상만으로도 퀄리티가 좌우 될 수 있다. 변하지 않는 색상 법칙도 있지만 매년 변하는 색상 트렌드 또한 알아두면 도움이 된다. 아래는 업무에 활용할 수 있는 적합한 색상과 색상 조합을 찾을 수 있는 사이트를 정리해보았다. https://colorhunt.co/palettes/popular The Most Popular Color Palettes of 2024 - Color Hunt Find the perfect trendy color palettes and get color inspiration for your next design or art project. colorhunt.co [입문용] ★ ★ ★ ☆ 초심플. 입문용으로 쉽게 접근할 수 있는 사이트.. 모바일 폰트 크기 가이드 요약 (px 기준) 큰제목 34 제목 28 소제목 18 ~ 22 본문 17 (16~18 조절 가능) foot 13 caption(추가설명) 10~12 + 폰트 마다 크기가 다르므로 약간의 차이는 있을 수 있다. 위의 가이드는 꼭 지켜야 하는 필수라고 할 수는 없지만 iOS 와 Android에서 제공하는 템플릿의 기준을 종합하여 나타낸 것이다. 그들의 고뇌와 담긴 가이드인 만큼 따라 해보는 것만으로도 기본 이상은 할 수 있다. 본인 만의 확실한 컨셉을 담아야 하는 게 아니라면 가독성과 디자인을 위해서 따라 해보는 것을 추천한다. 아래는 iOS 의 디자인 템플릿에 담겨있는 텍스트 관련 내용이다. 아래는 Android 디자인 키트내의 텍스트 가이드 관련 내용이다. 이전 1 2 3 다음 목록 더보기