달력

3

« 2020/3 »

  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  


 

 

ROYALTY FREE MUSIC by BENSOUN

https://www.bensound.com/royalty-free-music


 

 

 

 

 

 

MUSIC LICENCING

https://www.bensound.com/licensing


 


Posted by codedragon codedragon

댓글을 달아 주세요


 

 

다온폰트 - 무료/유료 폰트와 이미지

무료/유료 폰트와 이미지를 구할 있습니다.

 

https://www.daonfont.com/


 


Posted by codedragon codedragon

댓글을 달아 주세요



 

 

섬네일(Thumbnail)

·         썸네일 ('섬네일' 표준어)

·         미리보기 사진

·         사진의 축소판

·         커다란 이미지를 작은 이미지로 나타냄으로써 많은 량의 이미지를 쉽고 빠르게 보거나, 관리할 있도록 하기 위한 방법

·         그림을 일반 문자열 색인과 같게 다룰 있게 해주어  빠른 이해도 색인 도움을 줍니다.


 

http://bit.ly/38P2Teg

http://www.terms.co.kr/thumbnail.htm

https://en.wikipedia.org/wiki/Thumbnail

 


Posted by codedragon codedragon

댓글을 달아 주세요


 

 

User Experience 기획 디자인 프로세스

 

단계

설명

비즈니스 전략

·         비즈니스 목표와 비전의 이해, 브랜드 전략, 시장·경쟁사 분석 UX 리서치

디자인 전략 수립

·         사용자분석, 요구사항 도출, 페르소나(persona), 사용자 인터뷰

UX 디자인 컨셉

·         사용자 테스트, 아이데이션, 컨셉 모델

UX 디자인 개발 수행

·         스토리보드, 와이어프레임, 키스크린, UI 개발, 사용자 테스트

 

 



'Development > UI&UX' 카테고리의 다른 글

다온폰트 - 무료/유료 폰트와 이미지  (0) 2020.03.19
섬네일(Thumbnail)  (0) 2020.03.14
User Experience 기획 및 디자인 프로세스  (0) 2019.12.27
볼펜 뚜껑· 레고 블록에 구멍을 낸 이유  (0) 2019.12.21
DESIGN METHOD  (0) 2019.12.13
Webflow  (0) 2019.12.08
Posted by codedragon codedragon

댓글을 달아 주세요


 

볼펜 뚜껑· 레고 블록에 구멍을 이유

어린아이가 그것을 삼키더라도 작은 구멍으로 공기가 통하도록 질식사를 막으려는 의도 디자인이 변경되어졌습니다.

 


 

http://bit.ly/2UULRsA

 


'Development > UI&UX' 카테고리의 다른 글

섬네일(Thumbnail)  (0) 2020.03.14
User Experience 기획 및 디자인 프로세스  (0) 2019.12.27
볼펜 뚜껑· 레고 블록에 구멍을 낸 이유  (0) 2019.12.21
DESIGN METHOD  (0) 2019.12.13
Webflow  (0) 2019.12.08
효율적인 프로토타입 테스트를 위한 고려 사항  (0) 2019.11.17
Posted by codedragon codedragon

댓글을 달아 주세요

2019. 12. 13. 18:33

DESIGN METHOD Development/UI&UX



 

 

DESIGN METHOD

단계별 디자인 설계 평가에 대한 방법들을 확인할 있습니다.

 

 

http://designmethod.korea.ac.kr/design-method/


 

 

 

http://designmethod.korea.ac.kr/method-map/


 

 


Posted by codedragon codedragon

댓글을 달아 주세요

2019. 12. 8. 00:30

Webflow Development/UI&UX


 

 

Webflow

·         웹디자인을 기본으로 하는 프로토타이핑 사이트입니다.

·         프로그램 설치 없이 상에서 프로토타이핑을 있습니다.

·         미리 만들어진 여러가지 템플릿(무료/유료) 활용해서 제작할 있습니다.

 

https://webflow.com/

 


 



Posted by codedragon codedragon

댓글을 달아 주세요


 

 

효율적인 프로토타입 테스트를 위한 고려 사항

 

구분

설명

최소한의 변수로 테스트

·         제어할 있을 정도의 변수를 이용하여 테스트를 진행해야 합니다.

·         많은 변수를 설정하여 테스트 경우 사용자의 혼란을 일으킬 있습니다.

현실적인 요소는 신경 쓰지 않기

·         테스트에 해당하는 변수만 신경을 씁니다.

·         프로토타입 테스트의 목적은 특정한 부분에 대한 유저의 반응 가치 인식 확인하는 것입니다.

테스트 부분만 동작

·         테스트의 핵심요소외 요소는 모두 제거합니다.

유저의 피드백과 행동 패턴도 관찰

·         테스트를 통해 사용자의 행동 패턴(화면 이동 패턴) 파악이 가능합니다.

 

 


'Development > UI&UX' 카테고리의 다른 글

DESIGN METHOD  (0) 2019.12.13
Webflow  (0) 2019.12.08
효율적인 프로토타입 테스트를 위한 고려 사항  (0) 2019.11.17
인터페이스(Interface)  (0) 2019.11.09
인터페이스(interface) vs 인터랙션(interaction)  (0) 2019.11.04
프로토타이핑 방법(종류)  (0) 2019.10.26
Posted by codedragon codedragon

댓글을 달아 주세요


 

 

인터페이스(Interface)

·         인터페이스의 사전적 의미는 접점(결합부; 경계면) 개념입니다.

·         일반적인 정보시스템은 다수의 프로세스 또는 다수의 서버시스템간의 상호 정보의 교환 입출력(I/O, Input, Output) 주고 받는 지점을 의미합니다.

·         의사소통이 가능하도록 일시적 혹은 영속적인 접근을 목적으로 만들어진 물리적, 가상적 매개체(접점) 의미한다.

 

 

http://bit.ly/2PmTFOl

http://bit.ly/2VhW5U2

 

 




Posted by codedragon codedragon

댓글을 달아 주세요




 

 

인터페이스(interface) vs 인터랙션(interaction)

인터랙션의 개념을 명확히 이해하기 위해서는 인터랙션과 인터페이스의 차이를 구분할 필요

있습니다.

 

어떤 앞에 사람이 있다고 가정할 인터페이스와 인터래션의 차이입니다.

인터페이스

(interface)

·         인간과 사물의 중개자 역할을 합니다.

·         제품의 보이지 않는 기능을 시각적으로 보여줍니다.

 

·         손잡이 인터페이스에 해당됩니다.



 

인터랙션

(interaction)

·         인터페이스와 사용자 사이에 일어나는 어떤 행위나 상호작용의 과정을 의미합니다.

 

·         사람이 문을 열고 들어가는 행위 인터랙션에 해당됩니다.


 


 

 


images.google.com

 




Posted by codedragon codedragon

댓글을 달아 주세요