브라우저 제목

3월 28일 디자인과 색채 평가 있습니다.

 

디자인의 요소

실제요소 :

눈에 보이는 요소를 실제요소라 한다. 형태의 내면에 포함되어있는 의미성을 갖는다.

개념요소 :

눈에 보이지는 않지만 잘 인식할 수 있도록 꼭 필요한 요소. 즉 실제요소가 구성되기 위한 필요요소

점, 선, 면 등

시각요소 :

시각적으로 물체를 인힉하는데 필요한 요소. 색채, 명암, 질감 등

상관요소 :

일정한 목적에 의하여 여러요소들이 결합되었을 때 서로 연관되어서 나타나거나 느껴지는 요소

 

디자인의 원리

조화 :

상호관계가 분리되지 않고 잘 어울려 나타나는 미적형식이며 유사조화와 대비조화로 나뉜다.

유사조화는 공통성을 가진 요소들의 조화인데 동일감, 친근감, 부드러움을 줄 수 있으나 단조로워질 수 있어 적절한 통일과 변화를 주어야 한다.

대비조화는 유사조화와 반대개념으로 전혀 다른 요소들이 대립되면서 나타나는 조화, 대비가 너무 강하면 조화가 깨질수 있다.

조화는 유사조화와 대비조화를 적절히 혼합해 사용하여야 한다.

균형 :

시각적인 무게감을 동등한 분배 구성하여 안정감을 창조하는 것을 말하여 긴장감과 안정감을 유지하는 상태를 말한다.

대칭과 비대칭, 비례등이 있으며 그리드를 잘 활용하는게 좋고 삼각형구도는 균형감이 있게 보인다.

강조와 대비 :

강조는 화면에 분명하게 들어나는 것으로 한 가지 요소가 다른 많은 요소들과 다를 때 나타나는 현상이다.

대비는 질적, 약적으로 서로 다른 요소들이 대립되는 현상을 말한다. 대비는 강조와 변화를 가져오므로 유동적이며 강렬한 느낌을 준다.

통일과 변화 :

디자인을 구성하는 데 필요한 기본적인 원리에 속한다.

통일은 화면안에서 일정한 형식과 질서를 갖는 것으로서 하나의 규칙에 해당되며 다양한 디자인 요소들을 하나로 묶어준다. 방법으로는 근접, 반복, 연속 등을 들 수 있다. 

변화는 화면안의 구성요들을 다르게 구성하는 것으로, 통일성에서 오는 지루함을 없앨 수 있는 원리를 말한다.

율동 :

유사한 형들이 일정한 규칙과 질서를 유지할 때 나타나는 느낌인데 반복, 교차, 방사, 그라데이션이 있다. 

 

디자인요소의 분석

개념요소

 

점(Point, Spot) : 크기나 면적없이 위치만 표시

선(Line) : 시각적 형태를 규정짓는 기본요소

속도, 강약, 방향, 수평/수직선, 사선, 곡선

면(Surface) : 공간을 구성하는 기본 단위

형태와 면은 동시성, 사각형, 정삼각형, 마름포, 다각형, 원형

입체(Volume) : 물체의 용적, 무게에 대한 감각, 명암, 원근감

 

시각요소

 

형, 형태(Shape, From) : 감각적 경험을 형성하는 중요한 요소

      형:2D/면,  형태:3D/공간

색(Color) : 가장 감각적, 생명감, 본능적, 색상, 명도, 채도

색상-유채색/무채색(흰색-검정색)

명도-밝음/ 어두움

채도-맑음/ 탁함

명암(Value or Tone) : 원근감, 중량감, 실제감, 입체감

질감(Texture) : 재질에 대한 감각, 촉각적 질감, 시각적 질감

만져봤을 때/보자마자 느낄 수 있는 것

 

상관요소

 

공간(Space) : 통일과 변화의 원리 촉매제

방향(Direction) : 모든 선에는 방향이 존재, 수직방향, 수평방향, 사각방향

크기(Size) : 상대적 기준과 대비(둘 이상 있을 때)

구도(Planning) : 화면 구조 구성, 변화, 통일을 위한 중요한 요소

제목 날짜
3월 28일 평가 있습니다. 2019.03.26
사용자 경험 디자인 file 2020.02.22
만들어갈 프로토타입 file 2020.01.03
프로그램 설치 동영상 2019.12.31
Creative Cloud Desktop 프로그램(어도비 설치 프로그램) file 2019.12.30
한번 해보기 file 2019.12.29
background-position 스크롤 이동, progress bar 애니메이션 file 2019.10.14
좌우 슬라이더 및 레이어 팝업 file 2019.10.14
좌우 슬라이더 file 2019.10.09
학습파일 file 2019.10.08
전체 문서에서 wheel을 이용하여 특정 값만큼 움직이기 file 2019.10.06
16일차 탭 애니메이션 학습파일 file 2019.10.04
탭기능 구현하기 file 2019.10.02
좌우패널 동영상 2019.10.01
스크롤 동영상, 따라다니는 네비, 좌우패널 file 2019.10.01
드롭다운 2019.09.30
13일차 그리드 file 2019.09.30
12일차 file 2019.09.27
좌우 패널 애니메이션 2019.09.26
11일차 file 2019.09.26
10일차 모바일 메뉴 작성 file 2019.09.25
태그 목록