본문 바로가기

uiux5

디지털 정부서비스 UI/UX 가이드라인(코드 및 가이드 라인 제공) 디지털 정부서비스의 UI/UX 가이드라인 사이트입니다.이 사이트는 공공서비스를 디지털화하는 데 있어 필수적인 가이드라인을 명확하게 제시하고 있어 매우 유용합니다.  https://uiux.egovframe.go.kr/guide/index.html KRDS디지털 정부서비스 UI/UX 가이드라인 누구나 쉽고 편리하게 이용할 수 있도록 사용자 중심의 공공 웹·앱을 구축, 운영 및 관리 하도록 지원합니다uiux.egovframe.go.kr   1. 명확한 가이드라인사이트에서는 기본적으로 지켜야 할 UI/UX 가이드라인이 명확하게 정리되어 있어, 사용자들이 쉽게 이해하고 적용할 수 있습니다. 2. 코드 제공사이트에서는 실제 코드를 확인할 수 있는 기능을 제공하여, 개발자들이 가이드라인을 실질적으로 구현할 수 있도.. 2024. 10. 28.
[figma]피그마 아이콘 쉽게 사용 방법- 플러그인 활용 피그마 아이콘 쉽게 사용하기 UI UX 디자인을 할때, 가장 필요한 요소중에 하나가 아이콘 입니다. 필요한 아이콘을 빨리 찾는 것만으로도 시간이 많이 단축 되는데요! 이때 필요한 플러그인인 구글 머터리얼 아이콘 플러그인을 사용을 추천 드려요! 설치 방법 이렇게 하시면 팝업창이 뜨면서, 바로 사용이 가능해 집니다! 구글 머터리얼 아이콘 플러그인 사용법 아래와 같이 검색을 통해서 찾아주시면 금방 찾을 수 있습니다. 두께 변경 하기 다른 아이콘으로 변경 다양한 옵션들을 통해 편하게 쓰고 싶은 아이콘을 사용해 보세요! 감사합니다 :-) 2024. 3. 17.
브랜딩 컬러와 UI/UX의 활용 비법 색상 심리학을 잘 이용한 브랜드브랜드 컬러를 잘 정해서 좋은 디자인으로 보여지는 사례 5가지 Coca-Cola (빨간색) 빨간색은 강렬하고 활기찬 이미지를 전달하며, Coca-Cola는 브랜드 메시지와 함께 빨간색을 효과적으로 활용하여 전 세계적으로 인식됩니다. Apple (은은한 회색과 흰색) Apple은 심플하고 현대적인 이미지를 위해 은은한 회색과 흰색을 사용하며, 이 컬러 조합은 고급스러움과 혁신을 강조합니다. Facebook (파란색과 흰색) 파란색은 신뢰와 안정성을 상징하며, Facebook은 이 컬러를 활용하여 글로벌 소통 및 연결을 나타냅니다. Nike (주로 검정과 주황색) 검정은 고급스러움과 강인한 이미지를 전달하고, 주황색은 활기찬 에너지를 표현합니다. Nike는 이 두 가지 컬러를 .. 2024. 1. 18.
[디자인]색의 비율과 균형 , 강조 색상의 사용 60–30–10 규칙균형잡힌 색상을 구성하기 위한 조화로운 비율60% → 중성색 (흑/백) 30% → 보조색 10% → 강조색(악센트) 주로 실내 인테리어를 할때 많이 사용 하는 비율로 강조 색상을 10%비율로 설정 하는 것이다. 웹에서 강조색(CTA버튼) 웹에서는 5~10% 정도로 사용 해도 충분하기도 하다. CTA 버튼에 주로 사용 하여 사용자의 시선을 유도 한다. *CTA란? 마케팅에서 사용되는 용어입니다. CTA는 제품이나 서비스를 고객에게 판매하기 위해 사용되며, 보통 웹사이트나 광고 등에서 볼 수 있습니다. CTA는 고객에게 어떤 행동을 취하도록 유도하는 문구나 버튼입니다. 강조색에 인터랙션 추가마우스 호버시 → 밝게 마우스 포커스 시(클릭) → 진하게 강조색 사용 범위버튼, CTA 버튼, 링.. 2023. 9. 7.
앱/웹 디자인 Color (중요도에 따라) 모바일이나 웹 등 디자인시 가장 중요하다고 할 수 있는 부분이 바로 컬러 입니다. 의미에 따른 컬러 사용으로 다양한 정보를 제공 할 수 있기 때문입니다. 웹 앱 UI 디자인시 컬러의 의미와 사용법을 알아봤습니다. UI 디자인에서 컬러는? 상호작용 표현( 버튼, 체크박스, 컨트롤박스, 링크, 슬라이더) 의미 전달 (경고, 금지, 오류, 안전,긍정) 상태 전달 (활성/비활성, 컨트롤상태) 위계 순서 (중요도 순서) 강조 브랜드 컬러로서 - 브랜드를 나타내는 고유색 - 브랜드 통일감 - 사용자에게 동일한 경험과 메세지 전달 컬러의 구성 Primary color - 주색 Secondary color- 보조색(액션색상,강조색) 흑백 액션 색상(상호작용) 색상의 사용 버튼, CTA 버튼, 링크, 컨트롤, 토글, 스.. 2023. 9. 6.
728x90
반응형