추천 수 : 0 / 0
조회 수 : 285
2014.12.09 (11:40:50)

 

'디자이너' 라면 꼭 알아야 할 11가지 법칙

    

1. 디자인의 6가지 기준, 아이디어 박스, 2가지 원칙

 

 

창의력, 표현력 향상을 위한 자신만의 아이디어 박스를 만들고, 디자인의 6가지 기준 ( 표현전략, 표현주제, 표현요소, 표현구도, 표현 기법, 표현이미지 )을 담아서 여러가지로 조합해보면 익숙하지 않은 새롭고 다양한 표현 방법들을 쉽게 구상할 수 있을 것이다.

 

 

·표현전략 - 표현목적

 

·표현기법 - 레이아웃, look&feel

 

·표현주제 - 컨셉

 

​​

 

·나만의 디자인 프로세싱이 필요하다.

 

·자신만의 아이디어 박스를 만들어나가라.

 

 

 

2. Layout & Visual Effect 스타일의 중요성

 

 

디자인 콘셉트를 개발하거나 웹 아이덴티티를 정의하고, 웹스타일을 분류할 때 디자인의 6가지 기준 중 표현구도인 Layout과 표현기법인 Visual Effect가 디자이너에게 특히 더 중요하다.

 

 

·많은 작업 & 수정을 해야한다.

 

·레이아웃, 표현기법 둘다 잘해야한다.

 

 

 

3. 웹스타일 벤치마킹과 웹스타일 분석 활용 (별 다섯개)

 

 

프로젝트 수행 시 경쟁 사이트와 우수 사이트 벤치마킹은 디자인 전략 수립과 창의적인 아이디어 구상, 품질 향상에 도움이 된다.

 

웹스타일 분석이 고객의 요구 사항을 파악하거나 프로젝트 팀원들 간의 마인드 셋을 공유할 때, 얼마나 유익한지도 알 수 있을 것이다.

 

 

·나만의 차별화를 꾀하라. ( 하나만 다르게 생각해도 다르다. )

 

·결국엔 본만큼 표현한다. ( 스타일을 분석해라. ex) 전통적 - 브러쉬, 캘라그래피 )

 

·경쟁사이트를 분석할때는 소비자의 마음을 사로잡는 컨텐츠, 약점선택, 차별화, 우위성 을 봐라.

 

 

 

4. 레이아웃 디자인의 이해

 

 

레이아웃 유형 결정에 도움이 되는 스케치 방법과 웹사이트 초기 화면의 레이아웃 유형을 살펴보고 AdobeDiscovery 웹사이트 초기 화면 변천 과정과 구축 전략의 변모를 살표보았다. 또한 레이아웃에 일관성과 다양성을 적용하는 방법을 2가지 사례로

 

설명하였다.

 

 

 

5. 레이아웃 구조에 의한 유형 분석

 

 

정보 설계에 의한 콘텐츠의 체계화와 구조화는 레이아웃 구조에 중요한 기준과 원인이 된다. 콘텐츠의 양과 그 구조의 복합성 정도에 따라 레이아웃 구조를 단순구조와 복합구조로 분류하고, 다시 세부적으로 분류 및 분석 하여 해당 사례들을 소개하였다.

 

 

 

6. 레이아웃 형태에 의한 유형 분석

 

 

형태가 전달하는 절대 감정은 있을 수 없으나 형태 설문 작업을 통해 형태가 전달하는 공통적인 의미와 감정을 정리하였다.

 

일반적으로 레이아웃 디자인에서 놓치기 쉬운 형태요소를 일반적인 형태, 특색있는 형태, 실험적인 형태로 분류하고, 그 사례를 소개하였다.

 

 

·색과 형태를 먼저 공부해야 한다!

 

 

 

7. Visual Effect 디자인 이해

 

 

시각 요소들의 Visual Effect 표현 기법에 따라 웹사이트의 Look & Feel 은 크게 달라진다. 또한 시각 요소들의 그래픽 디자인, 색채, 동적효과, 메타포 등의 표현 기법은 시각 아이덴티티를 결정하는 중요한 원인이 되기도 한다. Visual Effect 디자인에 대한 이해를 도왔다.

 

 

 

8. 그래픽 디자인에 의한 스타일 분석

 

 

그래픽 이미지의 표현 방법에 따른 시각 효과 역시 천차만별이다. 그래픽 디자인을 크게 평면그래픽 (2D), 반입체 그래픽 (2.5D),

 

입체그래픽 (3D) 으로 분류하고, 어느 스타일에도 포함되지 않는 실험적인 그래픽 스타일을 별도로 구분하였다. 평면 그래픽은 그래픽 시각요소에 따라 다시 세부적으로 분류하였다. 분류 기준에 의한 다양한 사례와 그래픽 디자인 표현방법들을 소개하였다.

 

 

 

9. 색의 이해, 색의 연상, 색채 계획 검토

 

 

색의 역할, 색채 용어, 배색 조화 등 색에 관한 기초지식을 다지는 의미에서 기본적인 색에 대한 내용을 설명하였다. 누구나 쉽게 사용하는 색이지만, 색만큼 숙련된 감각을 요구하는 시각요소도 없으며, 주관적인 것도 없다. 그러나 색채만큼 객관적인 감정을 분명하게 전달하는 시각요소도 없기에 색채 심리 치료에서 활용되고 있는 색상별 이론 감정과 핻당 사례들을 색의 연상에서 소개하였다. 또한 색채 계획에 의한 색상 활용 방법을 크게 기본 색채만 사용하는 웹사이트, 서비스 메뉴별로 색채를 다르게 적용한 웹사이트, 여러가지 색채의 다채로운 조화를 이룬 웹사이트로 분류하고 해당 사례를 소개 하였다.

 

 

·색에 대해서는 전문가적인 기질을 가져야 한다.

 

·색에 대해 설명을 할 수 있어야 한다.

 

 

 

 

10. 동적 효과에 의한 인터랙티브 디자인 유형

 

 

웹의 쌍방향 커뮤니케이션의 특성 덕분에, 인터랙티브 디자인의 활용 범위가 확장되고 있다. 그러나 웹디자인에 역동적인 생기를 불어넣는 인터랙티브 디자인은 그 양상이 더욱 다양하여 분류 자체가 어렵지만, 크게 내비게이션 표현 방식에 의한 인터랙티브 네비게이션, 주제 전달에 의한 스토리텔링, 스크립트에 의한 사용자 인토랙팅으로 분류하고 해당 사례를 소개 하였다.

 

 

·플래시는 요즘 하향추세이지만, 배워야한다. 유지보수를 위해, 모션감을 익히기 위해

 

·시선을 사로잡게 만든다. 사용자들은 플래시가 신기하다.

 

·사용자들은 이미지 보다, 움직임보다, 움직임과 사운드가 같이 있는 것을 더 좋아한다.

 

 

 

 

 

 


BGM정보 : 브금저장소 - http://bgmstore.net/view/zKATM
2014.12.10 23:37:16
디자인 27 변성윤

나도 점점 디자이너화가 되간다

2014.12.12 23:55:23
디자인 28 서주희

ㅎㅎㅎ나도.....

번호 제목 닉네임 조회 등록일
Notice 56대 디자인 부장을 찾습니다(하트) 파일 [6]
55대 디자인부장 김정윤
260 2016-12-01
Notice [절정55대] 울보장의 열한번째 스터디 # 채널브랜드아이덴티티 디자인 파일 [3]
55대 디자인부장 김정윤
226 2016-11-15
Notice [절정55대] 울보장의 열번째 스터디 # 아이콘(icon) 파일
55대 디자인부장 김정윤
181 2016-11-15
Notice [절정55대] 울보장의 아홉번째 스터디 # 너의시선 나의시각 파일 [5]
55대 디자인부장 김정윤
253 2016-10-19
Notice [절정55대] 울보장의 여덟번째 스터디 # 너의시선 나의시각 파일 [12]
55대 디자인부장 김정윤
244 2016-10-12
Notice [절정55대] 울보장의 일곱번째 스터디 # 울트라퓨어디자인 파일 [7]
55대 디자인부장 김정윤
252 2016-09-07
Notice [절정55대] 울보장의 여섯번째 스터디 # fall in DESIGN X COPY 파일 [4]
55대 디자인부장 김정윤
234 2016-09-02
Notice [절정55대] 울보장의 다섯번째 스터디 #디자인X영상_ 네컷만화를그리고,무빗! 파일 [26]
55대 디자인부장 김정윤
261 2016-08-25
Notice [절정55대] 울보장의 네번째 스터디 # 스케치에서 스크린으로 파일 [15]
55대 디자인부장 김정윤
244 2016-08-09
Notice [절정55대] 울보장의 세번째 스터디 # 사진침공 파일 [14]
55대 디자인부장 김정윤
219 2016-08-04
Notice [절정55대] 울보장의 두번째 스터디 # 생각하며 보기 파일 [27]
55대 디자인부장 김정윤
249 2016-07-27
Notice [절정55대] 울보장의 첫번째 스터디 # 서로를 위한 서로가 되자 파일 [19]
55대 디자인부장 김정윤
343 2016-07-07
Notice [끌림 54대] 빡부장의 열여섯번째 스터디 #마무리 파일 [11]
54대 디자인부장 박선영
225 2016-06-16
Notice * 빡부장의 디자인부장 모집공고 파일 [14]
54대 디자인부장 박선영
277 2016-06-16
2878 [YES 52]진부장의 세번째 공지(feat.영인언니) #03.그 사람의 방 파일 [10]
52대 디자인부장 김진희
502 2015-01-30
2877 [YES 52]진부장의 두번째 스터디공지 #02.당신의 과거를 디자인해드립니다. 파일 [16]
52대 디자인부장 김진희
523 2015-01-16
2876 [YES 52]진부장의 스터디 공지 #01.고흐, 그를만나다 파일 [18]
52대 디자인부장 김진희
421 2015-01-09
2875 52대 디자인부장 김진희 인사드립니다! 파일 [24]
52대 디자인부장 김진희
626 2015-01-01
2874 Ps. I love you. 프리젠테이션 스킬 자료입니다. 파일 [3]
51대 디자인부장 장인수
608 2014-12-15
2873 [액션 51대]#12_기디합동스터디 - PS.I LOVE YOU 파일 [8]
51대 디자인부장 장인수
390 2014-12-11
2872 디자인부장님(52대)을 모십니다. 파일 [11]
51대 디자인부장 장인수
281 2014-12-10
Selected no image '디자이너'라면 꼭 알아야 할 10가지 법칙 [2]
51대 디자인부장 장인수
285 2014-12-09
2870 [액션 51대]#11_크리한 카드 파일 [8]
51대 디자인부장 장인수
299 2014-12-04
2869 [액션 51대]#10_ 공항으로 GO 파일 [4]
51대 디자인부장 장인수
303 2014-11-27
2868 [액션 51대]#9_그럼에도 불구하고 파일 [13]
51대 디자인부장 장인수
355 2014-11-20
2867 디자인부 11월 12일, 모임, 뭐임? 파일 [13]
51대 디자인부장 장인수
275 2014-11-09
2866 [액션 51대]#8 Hello, Help - 그래 그래, 영그램 파일 [12]
51대 디자인부장 장인수
422 2014-10-10
2865 [액션 51대]#7_애드파워 디자인부가 사회에게 파일 [15]
51대 디자인부장 장인수
378 2014-09-18
2864 [액션 51대]#6_번개, burn 개 - 끝 : 책에 대해서 파일 [35]
51대 디자인부장 장인수
689 2014-09-12
2863 [스터디리뷰]#2_디자인부, 사회생활 part 1 : 명함만들기 / 안서린 파일 [7]
디자인 28 안서린
449 2014-08-18
2862 [스터디리뷰]#2_디자인부, 사회생활 part 1 : 명함만들기 / 박주희 파일 [3]
디자인 27 박주희
327 2014-08-18
2861 [스터디리뷰]#2_디자인부, 사회생활 part 1 : 명함만들기 / 김아름 파일 [4]
디자인 27 김아름
325 2014-08-18
2860 [스터디리뷰]#2_디자인부, 사회생활 part 1 : 명함만들기 / 김진희 파일 [2]
디자인 28 김진희
304 2014-08-18
2859 [스터디리뷰]#3_경험해보기/단어고르기 /폭력팀 파일 [1]
디자인 27 유은지
241 2014-08-18
Tag List

온라인

문의

55대 회장 양승우 01062285328
55대 부회장 배일현 01027366568
adpower1989@naver.com

  

Valid XHTML 1.0 Transitional

Valid CSS Transitional