플러스엑스에서는 어떻게 구성요소를 만들고 관리하고 있을까 모든 디자이너들이 그러하듯 새로운 모습의 디자인을 구현하기 까지 많은 디자인 레퍼런스를 찾아보고 검증하며 올바른 서비스 제작에 노력을 기울일것이다. 플러스엑스는 이러한 과정에서 작업 효율성과 서비스 일관성을 위해 자체적으로 활용하고 있는 규칙을 이용한다고 한다. 지금까지 강의에서 플러스엑스에서 줄곧 강조하는 것이 있다. 기본을 바탕으로 명확한 기준을 세우고 새로운 시도를 통해 기존의 틀에서 벗어난 디자인을 추구하는 것이다. 폰트나 컬러도 너무 많이 사용하는 것이 아닌 내부에서 정한 기준에 따라 제한적으로 사용하거나 디자인 일관성을 유지하며 서비스의 개성을 담은 형태를 유지하는 것 등이 플러스엑스의 스타일 규칙을 준수하면서도 브랜드가 가진 감성을 효..

UI구조에 이어서 이번엔 UI구성요소에 대해서 배웠다. 구성요소에 대한 용어는 구조에 대한 용어보다 훨씬 더 많다보니 강의 시간도 많고 내용도 많았다. ui를 구성하는 요소 또한 구조와 마찬가지로 다루기 쉬운 사용성을 위해서 알아야 할 지식이고 팀원들과의 커뮤니케이션 과정에서도 필요하기 때문에 알아둘 필요가 있다. 그렇기 때문에 ui요소에서 중요한 특성은 명료성이다. 명료성은 사용자와의 커뮤니케이션을 위해 꼭 필요한 디자인을 만들 때, 그리고 디자인된 모든 요소의 의미와 역할이 모호하지 않도록 만들 때 필요하다. 우리가 사용하는 앱을 확인해보면 ui를 구성하는 요소들이 다 들어가있다. 폰트, 컬러, 형태, 컴포넌트, 인터랙션까지 이러한 요소들을 적절하게 사용하여 사용자에게 직관적으로 이해가능한 ui를 구..

ui디자이너는 다양한 디지털 환경을 다루기 때문에 화면의 구조를 파악하고 구성요소를 분석하여 이해할 수 있는 지식이 필요하다. 가령 UX설계서를 파악하고 웹서비스가 가진 구조를 모바일 웹이나 앱에서도 베리에이션하여 작업을 진행하려고 한다면 이러한 구조를 이해하고 있어야 한다. 또한 사용자들은 자신들이 여러가지 앱을 사용하면서 경험했던 데이터를 가지고 다른 서비스를 이용하려 한다. 나 또한 평소에 쓰던 앱과는 다른 화면 구성으로 이루어진 앱을 쓰게 될 때는 다소 어색하고 쓰기 불편한 경험이 있다. 웹,앱 플랫폼 형식에 따라 사용성도 달라지기 때문에 디자이너는 사용성과 일치하는 기본적인 구조를 이해해야 하고 이해한 후 구조에 적절한 변화를 주면서 디자인 구조를 구축하는 것에 집중한다. 시각적인 부분과 기능적..

디자인 작업에 있어 기준을 세우고 규칙을 만드는 것에 대한 중요성을 배웠다. 그런데 플러스엑스에서는 보편적으로 널리 사용되는 규칙이나 가이드를 지키는 것에 그리 엄격하지는 않은 그룹이라고 한다. 이는 새로운 아이디어와 시도를 적극적으로 수용하고 이를 토대로 그리드 시스템을 개발하여 차별화된 디자인 경험을 제공하는 것을 추구하기 때문이다. 최소한의 기준을 세워 이를 따르고 준수하기 위해 노력하지만 전 시간에 얘기했듯이 너무 이론적인 부분에 얽매이다 보면 창의적인 시도에 장애물이 될 수 있기 때문이다. 플러스엑스의 강점은 안정적인 결과물을 만들면서 새로운 시도를 통해 크리에이티브한 디자인을 구현하는 것이라고 생각한다. 이렇게 할 수 있는 이유는 규칙에 얽매이지 않는 자유롭고 유연한 방식으로 프로젝트를 만들기..

레이아웃은 그리드 시스템을 기반으로 특정 영역에서 화면 구성이나 배치 등 여러 디자인 요소들을 효과적으로 정리하는 것을 말한다. 레이아웃은 유사한 맥락으로 화면을 디자인하여 어떤 환경에서든 동일한 경험을 제공하는 것을 목표로 한다. 그렇기 때문에 그리드와 레이아웃은 서로 밀접하게 연관되어 있다. 레이아웃은 구성하는 여러가지 방법이 있다. 디자인적인 자유도를 높이는 방향으로 할 것인지, 많은 콘텐츠를 노출해야 되는 서비스인지 등 서비스의 특성이나 추구하고자 하는 컨셉, 방향성, 목적에 따라 레이아웃을 달리 쓴다. 레이아웃은 사용자의 시각적인 경험을 형성하는데 중요한 역할을 한다. 이런 레이아웃을 구성하는데 게슈탈트 이론을 활용할 수 있다. 게슈탈트(Gestalt)는 독일어로 형태, 모양이라는 뜻이며 인간이..

디자인에 일관성과 규칙은 그리드를 통해 만들어진다. 그리드는 원래 편집디자인에서 온 개념인데 웹 서비스까지 확장되어 쓰기 시작하면서 ui디자인에도 유입되어 활용하기 시작했다고 한다. 편집디자인에서 사용하는 그리드는 인쇄물이라는 정해진 크기로 사용되는 것과 달리 ui디자인에선 온라인에서 활용되기 때문에 작업 해상도에 따라 어떤 그리드를 사용할 지 달라진다. 우리는 정돈되고 규칙적인 것에서 안정감을 느끼는데 이러한 심리를 바탕으로 디자인 요소들을 정렬하고 규칙을 부여하는 것을 그리드 시스템을 통해 만들어 낼 수 있다. 그리드는 디자인 산출물을 잘 만들어 내기 위함도 있지만 업무 시 내부적으로 커뮤니케이션과 작업 효율에서 이점을 가져다 준다. 디자인을 진행할 때 해상도와 마찬가지로 그리드 시스템을 설정하는 것..