[스나이퍼팩토리x유데미] UX/UI 실무초격차 디자인 전문가 양성 과정 - 9주차 후기(강의)

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