2024. 12. 24. 23:50ㆍ카테고리 없음
디자인 시스템_241218
디자인 시스템이란 무엇인가?
디자인 시스템은 제품과 서비스의 디자인을 위한
종합적인 표준 가이드라인과 재사용 가능한 컴포넌트들의 집합이다.
단순한 스타일 가이드를 넘어 조직 전체의 디자인 언어를 정의하고 통합하는 전략적인 프레임워크에 해당된다.
* 서비스의 목적에 맞도록 일관되게 구성한 공유된 규칙
디자인 시스템의 목표
- 일관성 : 사용자 경험의 통일성 보장
- 효율성 : 디자인/개발 프로세스 최적화
- 확장성 : 제품 성장에 따른 유연한 대응
- 협업 : 팀 간 원활한 커뮤니케이션
디자인 시스템의 구성요소
- 브랜드 아이덴티티
- 파운데이션 : 디자인 시스템의 기초를 형성하는 핵심 요소들
- 컴포넌트 : 파운데이션을 기반으로 구축된 재사용 가능한 UI 요소
| 파운데이션 | 컬러, 타이포그래피, 레이아웃·스페이싱, 아이콘·이미지 |
| 컴포넌트 | 기본 컴포넌트, 복합컴포넌트, 패턴 라이브러리 |
User Interface Elements Every Designer Should Know
Understand key UI elements and how users interact with them. Become a better designer and learn about UI elements from our examples.
www.uxpin.com
화면 디자인과 발표 준비_241220
이전에 학습한 휴리스틱 원칙이 잘 적용되었는지,
너무 정적인 화면 구성으로 디자인을 하고 있는 것은 아닌지 검토한다.
*정적인 화면 구성을 지양해야 한다고 강사님께서 지도를 해주셨으나,
상황에 따라 정적인 구성이 효과적이라는 생각이다.
휴리스틱 분석의 10가지 기준
- Visibility of System Status 시스템 상태 눈에 보이게 효용
ex) 다운로드 진행상황을 알려주는 바 - Match Between System & Real World 시스템과 현실세계 연결
ex) 컴퓨터의 쓰레기통 - User Control And Freedom 시스템 제어의 자유
ex) 앱스토어 다운로드 도중 취소 버튼 - Consistency And Standards 일관성과 표준
ex) 제이콥의 법칙과 통하는 내용으로 웹표준이 대표적인 예시다. - Error Prevention 에러 방지하기
ex) 에러가 있을 시에 수정 보완 해주는 것 - Recognition Rather than Recall 기억보다 인식
ex) 이미 봤던 유튜브 영상에 빨간 하단 바가 있는 것 - Flexibility And Efficiency of use 유연성과 효용성
ex) 각종 프로그램들의 핫키 - Aesthetic and Minimalistic Design 심플하고 아름다운 디자인
ex) 구글의 검색창 - Held Users with Errors 오류를 인식하고 탈출할 수 있도록 돕기
ex) 오류에 대한 팝업 알림 - Help and Documentation 도움말과 문서화
ex) 서비스의 Q&A 탭
게슈탈트의 이론에 빗대어, 디자인 언어가 개연성이 있는지 확인한다.
또, 계층이 잘 잡혀있는지 확인한다.
게슈탈트이론 관련 글
게슈탈트 이론에 기반한 UI 디자인
우리는 항상 이전의 경험이나 시각적 패턴을 서로 비교하려 합니다. 그리고 그 내용을 서로 연결하며, 형태를 인식하고, 정보를 분류하고, 간격을 메우는 방식으로 큰 그림을 그립니다. 디자이
www.pentapost.co.kr
이력서와 포트폴리오_241223
수업이 절반가량 진행되었으니, 어느덧 취업준비에 박차를 가할 시기가 다가왔다.
이번에 만든 프로젝트를 포트폴리오에 담을 수 있게 형태를 바꾸고,
포트폴리오와 이력서 포멧을 만들어야 한다.
강사님께서 이력서와 포트폴리오 관리에 좋은 리소스들을 공유해주셨다.
이력서 사이트-서핏
서핏은 디자이너들을 위한 링크드인이라 생각하면된다.
다양한 분야와 직군의 디자이너/개발자들의 이력서와 포트폴리오 일부를 확인 할 수 있다.
*현업 종사자들이 어떻게 정리하는지 분석하기 좋다.
https://directory.surfit.io/
서핏 디렉토리 - 함께 성장하는 커리어 커뮤니티
새 탭에서 펼쳐지는 맞춤 커리어 콘텐츠. 매일 성장하고 더 멋지게 일하세요!
directory.surfit.io
포트폴리오 사이트-비핸스
어도비에서 운영하는 비핸스는 크리에이티브를 위한 웹/소셜 이라고 생각하면 좋다.
다양한 분야의 프로들이 어떻게 포트폴리오를 가꾸어나가는지 확인 할 수 있고, 나의 포트폴리오를 만들어서 관리하기도 좋다.
https://www.behance.net/galleries/ui-ux
UI/UX :: All Categories :: Behance
www.behance.net