홈페이지 디자인을 완성하는 로렘 입숨 생성기
와이어프레임, 시안 작업에 필요한 더미 텍스트를 빠르게 만드는 로렘 입숨 생성기 도구를 목적별로 정리했습니다.
Illustrator 없이 AI 파일을 웹용 SVG로 변환하는 쉬운 방법
일러스트레이터 없이 AI 파일을 웹용 SVG로 변환하는 방법과 변환 후 코드 최적화, 웹 적용 시 주의사항을 정리했습니다.
홈페이지에 로고 넣기 전에 꼭 확인해야 할 것, 공식 브랜드 가이드라인
기업 홈페이지에 소셜 미디어 아이콘이나 간편 로그인 버튼을 넣을 때, 각 플랫폼이 공식적으로 운영하는 브랜드 가이드라인을 반드시 확인해야 합니다. 네이버, 카카오, 구글, 메타(페이스북, 인스타그램), 유튜브, X(구 트위터), 링크드인, 틱톡의 공식 가이드 페이지 링크와 주요 특징을 정리했습니다.
SVG 아이콘 장점과 활용법
SVG 아이콘은 해상도 저하 없이 선명하게 표시되는 벡터 이미지 형식으로, 웹사이트 제작과 UI 디자인에서 널리 활용됩니다. 이 글에서는 SVG 아이콘의 주요 장점과 적용 방법, 실제 활용 예시를 함께 정리합니다.
디자이너들이 즐겨 찾던 참고 사이트 모음, 웹디자인부터 산업, 인테리어까지
디자이너들이 실무에서 즐겨 찾는 참고 사이트는 포트폴리오 쇼케이스(Behance, Dribbble, Awwwards, ArtStation, DeviantArt), 디자인 매거진(Dezeen, Designboom, Smashing Magazine, Netdiver, 디자인로그), 이미지·무드보드 수집(Pinterest, Instagram, Unsplash, SiteInspire, Savee), 채용·구인(Behance Jobs, Dribbble Jobs, AIGA Design Jobs, 디자인구인, LinkedIn)으로 나뉩니다.
웹사이트 디자인에 유용한 아이콘 폰트 추천과 활용 방법
홈페이지, 쇼핑몰에 자주 쓰는 아이콘 폰트와 공식 사이트를 정리해 SNS 로고, 연락처 아이콘, UI 요소를 빠르게 적용할 수 있도록 구성했습니다.
웹사이트 제작에 필요한 웹폰트 모음
웹사이트 가독성을 높이는 한글, 영문 웹폰트를 비교해 Noto Sans KR, 나눔고딕, Roboto 등 실무에서 자주 쓰는 서체를 정리했습니다.
홈페이지 제작에 참고하는 FWA 소개
FWA의 역할과 수상작을 볼 때 체크할 포인트를 정리해 웹디자인 레퍼런스를 단순 감상이 아니라 실무 분석에 활용할 수 있도록 구성했습니다.
숏폼 영상 비율과 웹사이트 설계 가이드
숏폼 영상의 권장 비율과 해상도를 기준으로 홈페이지, 쇼핑몰에서 왜곡 없이 노출하는 방법과 레이아웃 설계 포인트를 정리했습니다.