Category: Uncategorized

디자인을 한번도 안해본, 왕초보 숙련도인 내가 짧은 피그마 강의 하나를 완주하고 쇼핑몰 앱을 클론 디자인을 한 순서이다. 0. 쇼핑몰 앱의 어디 부분까지 카피를 할 것인지 결정 나는 부트캠프 학원의 과제로서 이번 쇼핑몰 클론 디자인을 진행해, 클론 범위를 제한할 수 있었다. 우리의 시간은 제한되어있어, 특히나 실력이 없으면 클론의 범위를 제한함으로써 규격화된 시간 속에서 정말 중요한 것들을…

피그마로 열심히 ui작업을 하던 중 오토레이아웃이 잠겼다. 컴포넌트화를 하고, 인스턴스로 하나 복제해내서 원래 있던 카테고리 로고 대신에 홈 로고로 대체하려고 했다. 그런데, 오른쪽 사이드창의 Auto Layout쪽을 보면 컨텐츠 추가 화면이 회색으로 unabled 처리가 되어있다. 이런 색을 보고 ‘아, 저 오토레이아웃 안에 지금 추가가 안되는 구나 싶었다. 즉, 원래 컴포넌트에서 오토레이아웃을 지정을 한 상태에서, 인스턴스에 무언가…

피그마로 쇼핑몰 클론 디자인을 하며 5개 쇼핑몰 앱을 조사했다. 5개의 앱은 다음과 같다. 쿠팡, 11번가, 이마트몰, ssg, 마켓컬리 SSG SSG는 브랜드 컬러를 로고에 쓰인 검정색의 무채색으로 보았다. 하단 SSG버튼의 다채로운 색상도 있으나, 너무나 많은 색이 있었다. 페이지 내부는 전부 깔끔한 하얀색을 사용했다. 이후 전반적인 어플의 디자인을 볼때, 매우 깔끔하고 통일성있게 구성되어 검정 SSG 로고가 브랜드…

디자이너 업무의 80%는 커뮤니케이션(말하기와 글쓰기, 대인관계)이다. 나머지 20%가 디자인이다. 디자이너가 디자인을 잘하는 건 당연한 거다. – 김ㅇㅇ튜터님 문제 상황 : ~를 잘 해야한다. 근데 나는 지금 잘 못한다.말하기와 글쓰기를 잘해야한다. 근데 내가 만든 디자인을 설명하거나, 남과 같이 디자인을 만들면서 말한 경험이 없다. 즉, 잘 하길 기대하는게 욕심인 상황. 어떤 현상이나 상황에 대한 설명, 나열 30%,…

피그마로 ui 디자인, 디자인 시스템을 만들기 위해선 색상을 빠르게 골라야한다. 인터넷에서 색상 고른느 법을 폭풍 리서치 했다. 문제는, 사람마다 용어가 다르다. 다들 1:3:6 원칙은 크게 안벗어나는데, 각 용어가 어디에 해당하는지를 부르는게 다르다. Primary/Secondary/Teritory 이건 세가지 색상을 고르고, 각각 1:3:6(Neutral 이어야함)이 된다. Teritory는 왜 뽑아야하나 궁금증이 생긴다. Call to action / Primary / Main 1:3:6. 용어가…

피그마는 사이트, 앱을 디자인하는 툴입니다. 다양한 연습을 준비하고 있습니다. 오늘은 e커머스 쇼핑앱을 연습합니다. e커머스 쇼핑앱은 그렇게 화려한 ui를 보여주진 않습니다. 표현해야할 내용이 워낙 많죠. 토스앱처럼 상징적인 uxui디자인을 선보이거나, 무신사, 기타 패션앱처럼 개성 있으면서 통일성있는 디자인을 할 수가 없습니다. 하지만 사용자들도 각자 다양한 물건을 살 목적으로 들어오고, 막상 디자인에 전혀 신경을 쓰지 않게되는 앱이죠. 제가 속한…