Web Design(국비과정) 10

[Photoshop Work] Dispersion Brush / Smoke Brush를 이용하여 역동적인 흩어짐 효과 만들기

Dispersion Brush / Smoke Brush Dispersion(분산) 효과가 나는 브러쉬를 이용하여 인물의 동작에 따른 역동적인 모습을 표현했다. 동적인 인물을 선택하다보니 스포츠를 하고 있는 인물의 모습을 선택했다. 배경효과는 인물의 의상색과 맞추었고 타이포의 방향은 시선의 움직임에 따라 이동되게끔 하였다. 축구를 하는 인물은 발차기로 인해 Dispersion Brush를 이용한 흩어짐 효과가 적절하다고 생각하였다. 가볍게 나는 듯한 인물은 Smoke Brush를 이용하여 공기의 흐름대로 은은함과 바람속에 있는 듯한 효과를 주고자했다.

[COLOR 벤치마킹] 브랜드 사이트 강조/보조색 및 텍스트 색상 분석

Color 벤치마킹 1. 홀리카홀리카 https://www.holikaholika.co.kr/ 주조색 #b5a9e8 #8661de #623cb9 텍스트 색상 강조 #1a1a1a #1263c7 #e5648d #ff8c37 #FF4C42 일반 #4c4c4c 2. 희망브리지 https://www.relief.or.kr/ 주조색 #ef4223 텍스트 색상 강조 #ef4223 #6a615b #262728 일반 #333333 3. 파리바게트 https://www.paris.co.kr/ 주조색 #023586 텍스트 색상 강조 #111111(굵기와 크기로 강조) #0070c9 일반 #111111 4. 베네피트 https://www.benefitcosmetics.com/ko-kr 주조색 #f7dadf #fdb3c6 #f..

[UX/UI Design]UI구성요건 벤치마킹

1. 학습의 용이성 *헤라 https://www.hera.com/kr/ko/index.html 검색어 입력창 타이핑효과와 아래 #추천검색어 보기로 작성하여 누구나 쉽게 검색할 수 있으며 원하는 물품을 찾을 수 있는 예시를 주어줌 *vimeo https://vimeo.com 오른쪽 상단에 +아이콘과 Join아이콘을 강조하여 처음 회원가입을 하는 사람들에게 빠르게 회원가입 메뉴로 이동할 수 있도록 하며 더보기 메뉴라는 인식을 잘 살렸음 2. 사용의 효율성 *초록우산 어린이재단 https://www.childfund.or.kr 오른쪽 상단의 ‘후원하기, ‘기부금 영수증’ 버튼을 카테고리 목록에서 단일화하여 가장 많이 찾는 목록에 쉽고 빠르게 접근할 수 있도록 하였음 *쿠팡 https://login.coupan..

[Photoshop Work]포토샵으로 'JOKER' 팬 포스터 만들기

4월부터 웹 퍼블리셔 국비교육을 받기 시작했다. 웹 퍼블리셔 과정은 일러스트/포토샵부터 시작해서 코딩까지 포트폴리오를 만들어내는 반이다. 앞으로 수업시간에 작업했던 것들을 많이 올릴예정! 어제는 포토샵/일러스트 시험이었다. 포토샵 주제는 '타이포그래피' 자유롭게 자료를 찾아서 만드는거라 갑자기 조커가 생각남.. 조커의 섬뜩하고 무서운 느낌을 더해서 리디자인했다. 이전부터 포토샵을 많이 써왔는데 작업의 질이 높아지면 높아질수록 마스크를 많이 쓰는듯.. 레이어가 아주 정신없었다..

[UX/UI Design] 웹 과 모바일 환경에서의 트렌드 벤치마킹

트랜드란 경향이나 유행을 뜻하는 것으로 시간의 흐름에 따라 변하며, 기술의 발달로 미디어의 트랜드도 변화하고 있다. 반응형 웹디자인은 모바일 환경을 고려하여 디자인을 한다. 트랜드에 따른 디자인 1) 마이크로 인터랙션 -미세한 애니메이션을 통한 직관적인 웹 사이트의 체험에 도움을 주며 사용자의 흥미를 유발 *브런치 https://brunch.co.kr 검색어 입력공간에 깜빡임을 부여하여 검색어입력을 대기하고 있음을 나타냄 *널담 https://nuldam.com/index.html 왼쪽상단에 ‘널담레터 정기구독’이라는 글귀를 통해서 브랜드소개 및 정보로 이어지게 하는 동선을 부여함 *맘스터치 https://momstouch.co.kr 왼쪽 상단의 햄버거 모양이 로고가 펼쳐질때 x자로 변했다가 햄버거모양으..