GUI Design

웹사이트 개발 전략

웹사이트 기획 단계에서 가장 핵심 사항은 사용자의 요구와 기업의 목표의 교차점을 찾아내는 것이다. 기업이 웹사이트를 통해서 바라는 목표( 판매, 고객 전환, 회원 가입 등)를 확실히 하고, 타겟오디언스와의 인터뷰나 조사를 통해 사용자의 만족도, 불편한 지점을 확인하는 것이 선행되어야 한다.
디자인을 바꾸면 웹사이트가 확 좋아질거라고 기대하고 “look & feel”에 초점을 맞추고 진행하는 경우가 있는데, 종종 문제점은 디자인이 아닌 경우가 많아서 디자인을 바꾼다고 원래의 문제가 해결되지는 않는다.

Page vs. Post

POST는 시기적절한 블로그 게시물 용이며 게시 날짜가 있다. PAGE는 시간이 지나지 않는 정적 콘텐츠 용이며 게시 날짜가 없는 것이 특징이라고 할 수 있다.

웹 문서 레이아웃 흐름(Flow)의 원리

웹 디자인을 위한 레이아웃 흐름은 페이지를 통해 사용자를 안내하는 행위이다. 모든 사이트는 어떤 형태의 흐름이있지만 일부는 다른 것보다 매우 효과적이다. 효과적인 흐름은 색상(Color), 요소의 크기(Size), 타이포그래피(Typography) 및 이미지(Image)와 같은 레이아웃과 직접적인 관련이없는 속성을 포함하여 웹 디자인의 모든 측면을 취하게 된다.

효과적인 웹 디자인을 위한 10가지 원칙

잘 설계되지 않은 웹 사이트는 실적이 저조하고 Google 애널리틱스의 가장 부적절한 측정 항목 (예 : 이탈률이 높고 사이트에 머문 시간이 짧으며 방문당 페이지가 낮고 전환율이 낮을 때)이 있습니다. 그래서 좋은 웹 디자인은 무엇입니까? 아래에서는 귀하의 웹 사이트를 예술적으로 기쁘게하고, 사용하기 쉽고, 매력 있고, 효과적으로 만들어 줄 상위 10 가지 웹 디자인 원칙을 탐구합니다.

GUI 디자인을 위한 Animations ①

본질적으로 어떤 것도 한 지점에서 다른 지점으로 선형 이동하지 않습니다. 실제로, 물건이 이동할 때 가속하거나 감속하는 경향이 있습니다. 우리의 뇌는 이러한 종류의 모션을 예상하므로 애니메이션을 만들 때 이러한 모션을 활용해야 합니다. 자연스러운 모션은 앱 사용자에게 편안한 느낌을 주고 전반적인 사용 환경을 개선해 줍니다.

GUI 디자인 요소 Icon

컬러, 실볼, 그림 문자, 이모티콘, 배지, 로고, 아이소타이프, 길 찾기 장치 등 생각이나 의미를 나타내는 모든 것이 아이콘이다. 아이콘은 정보와 지시 사항을 전달한다. 가령 의료, 여행, 브랜드 등 수많은 분야에서 아이콙이 쓰인다. 아이콘은 우리가 사람들에게 알리고자 하는 모든 것을 표현할 수 있다. 아이콘은 화장실의 위치를 안내해 주고, 우리가 선호하는 브랜드를 상징하고, 다음 행선지를 가리킨다. 그렇다면 아이콘의 형태와 기능, 예술과 과학을 통해 그 원리와 비결을 밝히고, 디자이너가 이 단순하고도 비밀스러운 언어를 다룰 때 빠지기 쉬운 함정과 문제가 무엇인지 파악하고 해결할 수 있게 돕는 방법을 찾아보자.
– 펠릭스 소크웰(세상을 사로잡는 아이콘은 어떻게 디자인되는가 서문 중에서~) –