UI 디자인이 합리적인지 확인하는 5가지 팁

당신은 프로젝트 관리자, 제품 관리자, 운영 또는 상호작용 디자이너이신가요? 이런 상황을 겪어본 적이 있나요? UI 동창의 디자인 시안을 읽어보니 요구사항은 충족하지만 어색하고 어떻게 표현해야 할지 모르겠더군요.

당신은 UI 디자이너로서 요구 사항에 대한 디자인 초안을 논의할 때 어느 쪽을 선택할지 얽혀 있습니다. 자신의 디자인 감정에 따라 판단하지만 어떻게 해야 할지 모릅니다. 상대방에게 명확하게 설명하세요.

이때 이러한 원칙이 필요할 수 있습니다.

U 디자인은 인터페이스 효과를 나타내기 위한 것이지만, 단순히 지각적이거나 심미적인 것이 아니라 이성을 바탕으로 분석하고 구별할 수 있는 디자인이다.

그 직후 많은 사람들이 다음과 같이 질문할 수 있습니다.

"왜?"

이 질문에 답하기 전에 다른 질문에 대해 생각해 보십시오.

여기에서 잠시 멈추고 아래를 내려다보지 말고 스스로 대답한 다음 계속 읽으세요.

물론, 미학적 논의를 하는 것이 아닙니다. 오타가 날까 걱정하실 필요도 없고, 전문적이고 체계적으로 답변하실 필요도 없습니다. 당신의 의견이나 직관적인 답변을 적어보세요.

아직도 어떤 답을 써야할지 모르겠다면 몇 가지 시나리오를 상상해 보세요.

하루 종일 열심히 일하고 밥도 안 먹고 배가 고파서 돌아왔을 때 집에 돌아오면 좋아하는 음식이 식탁 위에 갓 요리되어 있고, 연인이 따뜻하게 안아주고 함께 앉아 저녁 식사를 즐깁니다. 미뢰부터 영혼까지 모두 달콤하지 않나요?

찬바람이 점차 사라지는 봄 주말 나들이를 나가면, 아쿠아블루 하늘과 옅은 구름 몇 개가 반사되어 식물원에 피어난 옅은 노란색의 연분홍 꽃봉오리들을 볼 수 있고, 당신은 따뜻한 태양의 향기와 식물의 향기를 맡습니다. 자연이 아름답다고 생각하시나요?

더 많은 아이들이 교육을 받을 수 있도록 교육을 지원하고 생계를 유지하기 위해 고군분투하는 농촌 교사들의 모습을 다큐멘터리에서 보면 감동의 눈물이 난다. 인간의 본성이 순수한 선함과 아름다움으로 빛난다고 생각하시나요?

자, 이제 '아름다움이란 무엇인가'에 대한 답을 아셨나요?

"효율, 만족, 편안함, 즐거움, 안전, 감동"과 같은 즐거움의 상태가 아름다움입니다.

UI 디자인이 아름다움을 창조하는 과학인 이유를 몇 가지 사례를 통해 설명하겠습니다.

다들 엘리베이터를 타본 적 있으시죠! "붐비는 엘리베이터"와 "비붐비는 엘리베이터"를 떠올려보면 어떤 느낌이 드나요?

왼쪽: 붐비는 엘리베이터: 남은 공간이 거의 없고, 산소가 부족하고, 이동이 불편하여 호흡곤란, 정서적 긴장, 불안이 발생합니다.

오른쪽: 붐비지 않는 엘리베이터: 사람들에게 신체적, 정신적 편안함을 주기에 충분하고 적합한 공간.

이 두 장면에서 우리는 사람들의 감정에 있어서 '적절한 공간'의 중요성을 충분히 이해할 수 있습니다. 이 원리는 예술과 디자인에도 반영되어 '공간감, 호흡감'이 될 수도 있다. 예를 들어, 중국 수묵화의 '여백'.

UI 디자인으로 확장된 예: 버튼 텍스트와 가장자리 사이에 공백을 두기:

그림 요약:

아래 그림이라면 Scatter 당신의 감정적, 심리적 상태는 어떻게 될까요?

대신 이렇게 하면 일련번호가 오름차순으로 테이블을 정렬하고 마지막 번호가 1102인 것을 찾아달라고 하면 어떻게 될까요?

두 개의 테이블 더미를 보면 감정이 확연히 달라집니다. 합리적인 규칙과 질서는 효율성을 높이고, 사람들의 정상적인 사고 논리에 부합하며, 더 나은 경험을 제공할 수 있습니다. 이는 다음 풍경 사진과 같은 시각 예술에도 반영됩니다.

전체 초원 또는 오목한 공간. 볼록한 산은 우리를 멈추거나 감탄하게 만들기에 충분하지 않지만 초원에 빛과 그림자의 기복이 있고 산에 리듬과 규칙적인 선이 있으면 그림은 웅장하고 마술적입니다. 산을 보면 기분이 고요하지만, 산과 강을 보면 기운이 솟아오르고, 규칙적으로 모여 있으면 강이 된다.

UI 디자인으로 확장되면 규칙적이고 일관된 모양은 아름다움의 충만함이나 자유로움 등 시각적 심리학을 더 잘 반영합니다.

요약할 그림:

거기 다음주 시험이거든요. 아래 사진에 있는 책들을 다 꺼내면, 시험 내용이에요, 복습하세요!

마음이 너무 아프면 안 돼요~

아직 울기 바쁘지 마세요. 다시 말씀드리지만, 맨 아래 몇 권의 책은 같은 유형의 대체 도서이며, 중간 책은 확장 읽기 자료이며 시험 및 상위권의 핵심 시험 포인트로 사용되지 않습니다. 몇 권의 책은 괜찮습니다. 시험장에 가져가서 책을 펴서 읽으세요. 가장 위에 있는 책이 시험에서 시험할 핵심 내용입니다.

좀 더 행복해지셨나요?

더 많은 재미가 있습니다! 위의 책을 꺼내서 말씀드리겠습니다. 이 책에서는 빨간색으로 표시된 각 장의 첫 페이지만이 이 책의 핵심 테스트 포인트이고 나머지는 단지 이해를 위한 것입니다.

이 순간 문득 깨달은 것인가~~~~~

책을 다 꺼내서 참고서라고 하면 초점이 맞지 않는 대량의 정보는 사람들을 혼란스럽게 만듭니다. :혼란, 불안, 스트레스 및 괴로움.

책의 중요도와 소수를 나누면 사람들이 휴식, 자신감, 효율성, 즐거움, 통제감과 같은 멋진 감정을 얻을 수 있습니다.

중국의 전통문양은 이 원리를 잘 활용하여 꽃을 본체로 하고 잎사귀를 보조로 하여 복잡한 선을 촘촘하고 질서정연하게 배치하여 자연의 위계를 보여준다. ; 많고 복잡한 잎사귀 중에서 주잎과 보조잎이 말리는 방향과 밀도로 구분되어 있어 무늬가 촘촘하고 풍부하면서도 간결하고 읽기 쉽습니다.

UI 인터페이스 디자인으로 확장되어 주로 계층적 관계의 구별과 표현에 반영됩니다.

요약:

쇼핑과 관련하여 진짜 가품과 승부하자~

유명 브랜드 가방을 사고 싶을 때, 짝퉁을 싫어하고 정품을 좋아하게 되는 이유는 무엇일까요?

진정성: 디테일한 부분에 대한 감동, 호감도, 실용성, 품질, 존중, 영광, 만족감 또는 성취감.

모방에 대한 감정: 거칠음, 혐오감, 속임수, 속임수, 경멸, 낮은 품질, 분노 또는 상실.

마찬가지로 회화 예술에서도 감동적인 매력을 갖기 위해서는 세부 사항을 절묘하게 묘사하는 것이 유일한 마법 무기입니다.

UI 디자인으로 확장, 세부 사항에 대한 관심 그리고 실력, 사람을 감동시키는 열쇠이기도 합니다.

요약하자면:

당신의 신이나 여신이 당신에게 레드 와인 한 잔을 따르기를 원한다고 가정해 보세요.

맛보는 방법을 알고 있다면 다음을 선택해야 합니다.

이러한 용기를 사용하여 레드 와인을 담는 경우. . .

실례합니다? 왼쪽에는 간장, 오른쪽에는 한약이 있는 게 아닐까요? . .

또 다른 상황을 상상해보자.

곧 운동회가 열릴 때 파트너가 이런 드레스를 입고 나타난다면 어떤 기분이 들겠는가?

운동회 대신 고급 만찬에 간다면?

복장 및 운동복: 이상하고, 웃기고, 어색하고, 멍청하고, 멍청하고, 불편하고 일관성이 없습니다.

고급 디너에 어울리는 드레스: 우아함, 맛, 자신감, 실용성, 마음의 평화, 자연스럽고 조화로운 소속감과 핏.

이것은 "괜찮고 적합하다"는 느낌입니다. 최고는 아름답지 않을 수도 있지만 가장 괜찮은 것은 아름답습니다.

시각 커뮤니케이션 디자인에도 이러한 원칙이 담겨 있습니다. 예를 들어 무인양품의 포스터 디자인은 색상, 질감, 구성, 글꼴 디자인에 관계없이 포스터의 미니멀하고 자연스럽고 가정적이며 편안한 스타일은 브랜드의 선(禪)과 자연스러운 미니멀리스트 기질과 색조를 반영합니다.

UI 디자인으로 확장하면 색상 스타일의 감성적, 대중적 인식 의미는 제품 자체의 속성이나 사용자 습관과 일치해야 합니다. 안전성과 도구 속성이 매우 높은 알리페이의 경우 파란색 캔이 필요합니다. 그 감정은 사람들로 하여금 그것이 재정적으로 안전하고 도구로서 효율적이라는 것을 무의식적으로 알게 만듭니다.

타오바오 오렌지로 바꾸면 만족스럽지 못해요, 비록 타오바오 색상이 브랜드의 피인데도:

요약하자면:

좋아요, 통해 예를 들어보면 "디자인은 생활에서 나온다"는게 좀 더 직관적으로 이해되시나요~~

위의 "UI나 시각디자인에 반영되는 원리들은 주관적인 평가나 개인적인 기준으로 만들어지는 것이 아닙니다. 선호하지만, 그것은 삶 속에서 객관적인 현상과 삶의 법칙에 의해 생산된다. 이것이 내가 이 글의 시작 부분에서 "UI 디자인은 과학이다"라고 주장하는 이유이다.

과학의 경우 한 문장의 참조 정의는 다음과 같습니다. 과학은 구체적인 사물과 그 객관적인 규칙입니다. UI 디자인은 바로 "제품 인터페이스"라는 구체적인 것을 중심으로 "사용자 행동과 심리"의 규칙에 따라 수행되는 창의적인 활동입니다. 그러므로 UI의 본질은 과학이다.

과학의 주요 내용은 구체적인 세계관과 구체적인 방법이다. 모두가 이 디자인 컨셉을 이해하고 그 방법을 합리적으로 사용하여 합리적으로 아름다움을 창조할 수 있기를 바랍니다.

다음 몇 편의 글에서는 위의 원리를 활용하여 UI 인터페이스를 과학적으로 분석하고 디자인하는 방법을 자세히 설명하겠습니다.

디자인을 좋아하는 친구들의 지속적인 관심 감사합니다~

이 글을 통해 '사용하기 쉬워서 아름답다'는 디자인 이념을 마스터하셨나요? 당신이 가지고 있는 UI 디자인을 분석해 볼 수 있습니다. 이제 과학적인가요? 무엇을 개선할 수 있나요?

여러분의 생각이나 제안을 남겨주시고 모두와 함께 발전해 나가는 것을 환영합니다.