반응형 디자인/UIUX18 머티리얼 디자인 Color System 주조색(primary color) 주조색, 브랜드 컬러 디자인에 있어서 다른 것도 중요하지만, 색은 더더욱 굉장히 중요합니다. 브랜딩, UI 디자인 등을 막론하고 색은 사용자에게 서비스와 관련해 인상을 남길 수 있습니다. 특히 브랜드 컬러는 브랜드를 나타내는 색으로 사용자에게 끊임없이 같은 메시지를 전달할 수 있어서 그 효과가 엄청납니다. 지금 당장 코카콜라를 떠올려보세요! 브랜드 컬러는 주로 주조색(primary color) 1가지와, 보조색(secondary color)으로 제안합니다. 여러 개의 색상을 사용하는 것보다 소수의 색상을 이용하는 것이 브랜드의 성격을 더 끌어올려 같은 메시지를 전달하기 쉽기 때문입니다. 만약 같은 색상으로만 디자인하기가 너무 단조롭다면, 걱정하지 마세요. 브랜드 컬러에 채도와 명도를 더해 풍부한 표현을 .. 디자인/UIUX 2020. 11. 2. dp에 따른 그리드시스템에 대해 알아보자. 지난 시간에 우리는 DPI에 대해 알아보았습니다. DPI는 D(DOT) P(PER) I(INCH)로 1인치에 들어가는 점의 개수를 의미한다고 정의를 내렸었는데요. 이 DPI가 어떻게 그리드 시스템(Grid System)에 적용될 수 있을지 알아보도록 합니다. 그리드 시스템(grid system)이란? 페이지의 정보를 논리적이고 일관성 있는 질서와 구조로 디자인할 수 있도록 돕는 그래픽 디자인 시스템을 의미합니다. 쉬운 말로 '가이드'라고 표현 할 수 있겠네요. 그리드 시스템은 컴퓨터 개발 이전에 책, 잡지, 신문과 같은 곳에 이미 사용되어 왔습니다. 레이아웃을 큰 축을 이루는 몇 가지 단계의 그리드 내에서 콘텐츠 영역을 구성했다는 것을 확인할 수 있습니다. 사실은 이 그리드 시스템이 '법'은 아닙니다. .. 디자인/UIUX 2020. 11. 1. 안드로이드에서 DPI는 이렇게 적용된다. 4의배수? 8의 배수?*기기별 해상도 지난 시간에 이어 DPI를 이해했다면, 안드로이드의 해상도에 대해서 알아볼 겁니다. 조금 복잡합니다. 저와 함께 차근차근 하나하나 개념을 정의해보도록 해요. 조금 아득해보이지만 알고 보면 아무것도 아닌 녀석들입니다. 각 기기별로 해상도가 다르기 때문에 DPI가 다르고 DPI에 맞는 비율이 다릅니다. 때문에 어플 속 한 개의 아이콘을 만들 때 총 6가지 해상도에 맞춘 아이콘을 제작해야 한다는 의미입니다. 1개의 아이콘을 만들었는데, 6개의 아이콘을 만들어야 한다고..? 그러나 굳이 6가지 DPI에 맞는 아이콘을 만들 필요는 없습니다. 아래의 두가지 방법을 소개합니다. 1. 벡터 파일로 만드는 방법 일러스트의 svg와 같은 파일로 작업을 하면 Ratio1 비율로 제작을 하면 됩니다. 비율이 달라지더라도 그 .. 디자인/UIUX 2020. 10. 25. 초보디자이너는 반드시 알아야 할 안드로이드 DP의 개념 (DPI/PPI) 안드로이드를 처음 접하는 초보 디자이너라면 반드시 알아야 할 개념이 있습니다. 이 개념을 왜 알아야 하냐면, 안드로이드는 다양한 스마트폰 화면 크기와 해상도를 지원하기 때문입니다. DP 뿐만 아니라 DPI, PPI 등의 용어도 듣게 됩니다. 혼란스럽습니다. 하지만 생각보다 어렵지 않은 개념이고 여러 번 보다 보면 익혀지는 용어입니다. 이와 관련된 지식을 알고 있어야지만 디자인 작업을 할 수 있습니다. 도화지의 크기를 알아야 레이아웃을 잡을 수 있는 것처럼요. DP를 한마디로 말하자면 "픽셀과 관계없이 독립적인 크기를 가진 디스플레이의 좌표(점)"라고 말할 수 있습니다. 도화지에 점을 하나 찍나, 붓으로 점을 하나 찍나 DP의 관점으로 보자면 크기가 어떻든지 간에 한 개의 점이라는 것입니다. 다른 건 필요.. 디자인/UIUX 2020. 10. 25. 조금 안다고 하기에도 애매한 상태의 UI디자이너 Q. 왜 이 글을 쓰게 되었나요? "이왕 시작할 거, 일기처럼 써보고 싶어요. 글을 쓰는 당시의 내 상태를 기록하기 위해, 나의 성장을 기록하기 위해, 그 날의 다짐을 기록하기 위해서요. 또 배웠던 것을 뒤돌아 보고 싶어요. 인간이기 때문에 까먹는 건 당연한 거잖아요?" "저는 전형적으로 일을 뒤로 미루기 좋아하는 사람입니다. 사람은 쉽게 변하지 않잖아요? 진작에 이렇게 글을 쓰고 싶었는데, PLUS X라는 디자인 회사를 우연히 발견했습니다. 이 회사에서 brunch로 글을 정기적으로 작성을 하더라고요. 디자인적으로 PLUS X가 제가 가고자 하는 방향과 너무 일치해서, 닮아가고자 글을 쓰게 되었습니다." Q. 나는 어떤 상태인가요? "인하우스 디자이너로 사수 없이 일하고 있는데, 경력 2년 차로 입사해.. 디자인/UIUX 2020. 4. 18. 안드로이드 아이콘 만들기 (가이드) 안드로이드 아이콘을 만들어보자. 구글 머티리얼 디자인에서 안드로이드 아이콘 가이드를 제공하고 있다. https://material.io/design/platform-guidance/android-icons.html# Android icons Android O icons represent your app on a device's Home and All Apps screens. material.io 머티리얼 사이트에서 모든 것을 확인 할 수 있다. 원안에서 사각형,원형,직사각형 안에서 보이는게 가장 적합한 아이콘 형태인듯 하다. 내가 만들 아이콘은 정사각형에 적합하다. 아이콘은 아래와 같은 표에 맞게 사이즈를 만들어 저장하면 된다. LDPI 36*36 MDPI 48*48 HDPI 72*72 XHDPI 9.. 디자인/UIUX 2020. 3. 19. 이전 1 2 다음 💲 추천 글 반응형