찐망고'S 퍼블리싱그리고디자인

안녕하세요 여러분. 블로그 매일 포스팅한다고 그랬는데... 봐주는 사람은 없지만 굳이 제 의지로 css 카테고리에 두 번째 글을 써봅니다. 먼가 블로그의 콘셉트를 잡아야 하는데 존대와 반말을 섞어쓰다보니 콘셉트 잡기도 쉽지 않네요.. 저번에 reset.css에 관련된 글을 하나 남겼습니다. 2021.06.30 - [마크업/CSS] - RESET.CSS RESET.CSS 마크업 퍼블리싱하면서 가장 중요한 부분 중 하나는 크로스 브라우징인데.. 각 브라우저마다 html요소가 보이는 부분이 조금씩 다르다 보니...(안녕 ie? 니 얘기야 ios너도... 인마) html의 각 요소를 uiweb.tistory.com 딱히 질문이나 댓글이 없어서 지나감;; 오늘은 HTML문서에서 아주 중요한 역할을 가진 FONT에..

마크업 퍼블리싱하면서 가장 중요한 부분 중 하나는 크로스 브라우징인데..각 브라우저마다 html요소가 보이는 부분이 조금씩 다르다 보니...(안녕 ie? 니 얘기야 ios너도... 인마)html의 각 요소를 초기화시키는 작업을 해야 한다. 그게 바로 reset의 시작.. reset의 기원을 검색해보면 여러 가지의 참고 reset을 확인해 볼 수 있는데 그중 세가지만 살펴보자면..Eric Meyer’s “Reset CSS” 2.0 CSS Tools: Reset CSSCSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins an..

이전 글 2021.06.20 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 5 UI & UX Micro-Tips: The Ultimate Collection - 5 이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 51. If you (have to) use multiple typefaces, try to stick to the 2 ma..

이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 41. Use established icons in your UIs to avoid confusion for the user..

이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 20.. uiweb.tistory.com 31. For Download Indicators, try to be as informative as possible. // Download Indicators ..

이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 2021.06.15 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 1 UI & UX Micro-Tips: The Ultimate Collection - 1 디자인을.. uiweb.tistory.com 21. Colour-Pick from your images, and bring your products to life. // 이미지 위에 제품을 배치할 땐 컬러 배경을..

디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 2021.06.15 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 1 UI & UX Micro-Tips: The Ultimate Collection - 1 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 1. Make your elements appear more defined with a subtle border. // 요소에 테두리를 둥글게 하고(border-radius), 그림자 같은 음영(box-sh.. uiweb.tistory.com 11. Use Superfamilies when you’re looking for great font combinatio..

디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 1. Make your elements appear more defined with a subtle border. // 요소에 테두리를 둥글게 하고(border-radius), 그림자 같은 음영(box-shadow) 효과 적용 2. Reduce Letter-spacing on your Headings to give a better optical balance. // optical balance를 위해 제목의 문자 간격을 줄인다. ※ optical balance 우리의 뇌는 때때로 정보를 의도한 것과 약간 다르게 인식할 수 있는데 이것을 착시현상이라고 한다. 착시 현상은 디자인에도 적용된다. 그러나 인터페이스를 설계하면 반대 방식으로 작동하..

1. Bright backgrounds and whitespace // 밝은 배경과 여백이나 공백 // 배경은 대부분 밝거나 흰색으로, 여백을 신중하게 사용하여 인터페이스를 깨끗하게 보이는데 목적 2. Subtle roundness on UI elements // UI 요소의 테두리 원형 // 적당하고 미묘한 둥근 테두리의 시대가 왔다. 3. Big, readable headings // 크고 읽기 쉬운 제목 // 볼드한 느낌의 제목 요소, sans-serif 또는 serif 중에서 선택할 수 있지만, 개인적으로 Gilroy, Sofia Pro, Lufga 또는 Circular와 같은 인기 있는 기하학적 산세 리프를 고수하는 것이 좋다. 4. Real-life photography // 실제 상태의 사진..