반응형 웹디자인2 01. HTML+CSS를 고려한 UX/UI 디자인 웹 디자인의 기본 요소 웹 디자인을 설계할 때 모든 요소는 100% 화면 크기를 기준으로 고려해야 합니다. 특히 기본 요소는 포토샵 기준으로 해상도가 72 ppi가 된다는 점을 숙지해야 하며, 이미지 확장자도 그 특성에 맞게 선택해야 합니다. 가령 앞에서 설명된 JPG, GIF에서 사진처럼 색상이 많이 사용된 이미지라면 JPG를 사용해야 하고, 그렇지 않고 몇 가지 단색이 사용된 이미지라면 GIF로 사용하기를 권합니다. 모바일 인터페이스에서는 JPG보다 화질이 더 좋고 투명도 표현을 지원하는 PNG 파일로 저장할 때도 많습니다. 또한 웹상에서 그래픽 해상도가 높으면서도 용량이 최저인 SVG도 많이 사용합니다. 다음으로 웹에서 HTML, CSS로 코딩하는 색상은 빛의 3원색인 빨간색, 초록색, 파란색을 조.. 2022. 5. 27. 00. <기초 탄탄 UX/UI 디자인을 위한 Adobe XD> 연재 예고 웹 & 앱 디자인 기초부터 UI 디자인, 프로토타입 제작까지! 새로운 디바이스가 나타나고 디자인 트렌드가 바뀌는 시장에서 새로운 콘텐츠를 만들기 위해 늘 새롭게 작업해야 하는 고충을 저는 누구보다 잘 알고 있습니다. 이러한 변화에도 불구하고 쉽게 변하지 않는 부분이 있습니다. 보통 우리는 “기본기가 탄탄하다”라는 말을 하는데요. UX/UI 디자인 역시 탄탄한 기초 이론을 바탕으로 실습한다면 어떤 어려움이라도 극복할 수 있습니다. 물론 디자인 트렌드나 브랜드 변화를 열린 마음으로 탐색하고 디자인 감각을 키우는 노력까지 한다면 더할 나위 없겠지요. IT 분야에서는 새로운 스마트폰의 출시뿐 아니라 다양한 웨어러블 디바이스가 나타나고, 이제는 메타버스라는 새로운 가상 공간이 대두되고 있습니다. 그러나 사용자를 .. 2022. 5. 26. 이전 1 다음 반응형
