jieunlee486의 등록된 링크

키자드에 등록된 총 526개의 포스트를 확인하실 수 있습니다.

Naver Blog

0부터 1까지 디자인 시스템 구축 : 컬러 시스템

미션 컬러 역할, 컬러 관계, 접근성 평가 및 토큰을 명확하게 설명하는 컬러 시스템을 빠르게 생성합니다. 리서치에서 시작 잘 알려진 회사에서 구축한 몇 가지 놀라운 디자인 시스템에 대해 읽었습니다. 가장 흥미로운 것은 Shopify와 Zendesk Garden 입니다. Shopify는 기능적 역할에 따라 색상표를 구성했습니다. Shopify의 색상표는 간결하고 논리적이며 이해하기 쉽습니다. Shopify Polaris: colour system : https://medium.com/@mewomewoliu/build-a-design-system-from-0-to-1-color-system-3a322827ada6 그리고 Shopify의 색상 명명 방식은 매우 논리적입니다. Shopify Polaris: colour system : https://medium.com/@mewomewoliu/build-a-design-system-from-0-to-1-color-system-3a322827a

Naver Blog

할로윈 홈파티

시작해 봅시다! #100일챌린지 #그림일기 #D65 #귤스 #할로윈홈파티

Naver Blog

시간을 절약해주는 Figma 트릭.

다음은 더 빠르고 효율적으로 디자인하는 데 도움이 된 몇 가지 트릭 목록입니다. 1. 모든 것을 자동으로 띄웁니다. 이미 알고 있을 수도 있는 가장 쉬운 트릭부터 시작합니다. Figma에는 항목을 자동으로 배치하는 기능이 있습니다. https://medium.com/@satjaleenmadan/little-figma-tricks-that-saved-my-time-75f65df684ac 균등하게 간격을 두려는 모든 모양이나 그룹을 선택하고 모서리에 있는 작은 파란색 아이콘을 클릭하기만 하면 됩니다. 클릭하면 Figma가 선택한 항목의 간격을 균등하게 자동으로 조정합니다. 오른쪽의 디자인 패널에서도 쉽게 간격 조절이 가능합니다. 이 기능을 사용하기 전에는 그룹을 개별적으로 정리하는 데 많은 시간을 할애했습니다. 이것은 매우 시간이 많이 걸리고 비효율적이었습니다. 2. 즉시 크기를 조정합니다. 다음 트릭은 무엇이든 크기를 조정하는 것입니다. 그것이 모양이든, 틀이든, 그 이상이든, 계산할

Naver Blog

오늘도 하얗게 불태웠다

비록 숙취로 늦잠을 잤지만 오늘도 열심히 살았다! 내일은 운동도 해야지~ #100일챌린지 #그림일기 #D64 #귤스 #뿌듯

Naver Blog

깔끔한 UI 가이드 : 15가지 화이트 스페이스 디자인 팁

매력적이고 사용자 친화적인 웹사이트를 갖는 것은 모든 웹사이트 소유자의 목표이며 비즈니스 소유자에게는 웹사이트의 모양과 느낌이 매우 중요합니다. 여기서 방문자들은 첫 인상을 남깁니다. 즉, 우리가 화면에서 보는 것을 받아들이거나 거부하는 짧은 몇 초 동안 말입니다. 웹사이트 디자인은 또한 각 방문자의 관심을 유지하고 콘텐츠를 통해 안내하는 책임이 있습니다. 다음으로 여백 꾸미기에 대한 팁과 성공적인 구현 사례를 살펴보겠습니다. 화이트 스페이스 사용 팁 웹 리소스에 대한 방문자의 인상은 추가 작업에 따라 달라지기 때문에 요소의 위치는 디자이너와 마케터 모두에게 매우 중요합니다. 웹사이트를 디자인할 때 여백을 어떻게 사용할 수 있는지 살펴보겠습니다. 콜 투 액션 사용자는 버튼 옆에 아무 것도 없기 때문에 버튼에만 주의를 기울입니다. 따라서 공간은 전환율을 높이는 독립적인 도구로 작용할 수 있습니다. 제품 분리 제품에 대한 사용자의 관심을 끄는 방법은 무엇입니까? 나머지 요소에서 떨어진

Naver Blog

주간일기 10월 4주 차 : 10/24 ~ 10/30

영어 공부도 시작했고 조카들한테 사랑도 받고 겨울 준비도 하고 롤 모델한테 자극도 받고 할로윈 홈 파티도 하고 열공도 하고 안식을 제대로 즐기는 한 주였다고 생각한다. 그런데 ... 아침에 재난 문자를 받고 나서야 알았다. 어젯밤 이태원에서 일어난 사고를! 아름다운 나이에 많은 사람들이 그런 끔찍한 사고를 당했다니 마음이 너무나 아프다. 우울한 일요일 아침이었다. 삼가 고인의 명복을 빌며 상심이 크실 가족분들께 심심한 위로의 말씀을 드립니다 #주간일기챌린지 #블챌

Naver Blog

이태원 참사, 피해자와 유가족 분들께 깊은 위로와 애도를 표합니다.

이태원 참사 피해자와 유가족분들께 깊은 위로와 애도를 표합니다. 삼가 고인의 명복을 빕니다. #D63

Naver Blog

당신이 아마 몰랐던 인생을 바꾸는 Figma 플러그인 10가지

Photo by Mario Gogh on Unsplash : https://medium.com/cybr-notes/10-lifechanging-figma-plugins-you-probably-didnt-know-about-bb5a7af8c13e 플러그인은 디자인에 필수적인 역할을 합니다. 디자인 프로세스의 속도를 높이고 더 나은 디자인을 구축하는 데 도움이 됩니다. 이것들은 여러분이 아마 모르실 제 상위 10개의 피그마 플러그인들입니다. 1. Iconify 이 플러그인은 저에게 문제 해결사입니다. 일반적으로 처음에는 다른 웹사이트에서 모든 아이콘을 검색하지만 이 플러그인을 찾았을 때 동일한 아이콘에 대한 수많은 옵션을 제공합니다. Figma 파일에 아이콘을 직접 드롭할 수 있습니다. 좋은 점은 모든 아이콘이 SVG이며 필요에 따라 색상과 크기를 변경할 수 있다는 것입니다. 보너스 포인트는 fluent, material, Bootstrap 등을 위한 라이브러리 세트도 있다는 것입니다.

Naver Blog

체력

요즘 체력이 너무 약해진 것 같다. 나이가 들수록 근력이 중요하다고 하던데... 윗몸 일으키기 10개도 겁나 힘들었다. 필라테스를 부지런히 가야지 반성. #100일챌린지 #그림일기 #D62 #체력

Naver Blog

그리드 시스템 : 견고한 UX/UI 레이아웃의 중요성

https://bootcamp.uxdesign.cc/the-grid-system-importance-of-a-solid-ux-ui-layout-b75444c3dbb6 UX/UI와 그래픽 디자이너는 공통점이 많습니다. 그 중에는 그리드 레이아웃을 사용하여 화면 안밖에서 디자인을 구성하는 관행이 있습니다. 그리드 시스템 레이아웃은 디자인하는 대상에 따라 모든 모양과 크기로 제공되며 인류의 가장 초기 원고까지 거슬러 올라가는 오랜 역사를 가지고 이습니다. 이 기사에서는 먼저 그리드가 무엇인지 정의하여 명화성을 부여한 다음 인쇄, 웹 및 UX/UI 디자인에 사용되는 가장 중요한 몇 가지 그리드 유형을 살펴보겠습니다. 마지막으로 자신의 UX/UI 디자인 작업에서 그리드를 사용하기 시작할 때 기억해야 할 5가지 주요 팁을 공유합니다. 디자인에서 그리드 시스템이란 무엇입니까? 그리드는 디자인에서 레이아웃을 구성하기 위한 시스템입니다. 전통적으로 그래픽 디자이너는 인쇄 자료(예 : 책, 잡지 또는

Naver Blog

잠이 올까?

너무 늦게 커피를 마셨다 잠이 올 것 같지 않아~ #100일챌린지 #그림일기 #D61 #커피

Naver Blog

피그마 팁 4가지 진작 알았으면 좋았을텐데

https://ashimittal009.medium.com/4-figma-tips-i-wish-i-had-known-earlier-6ffd1b438706 1. Absolute Position 절대 위치 디자이너가 Figma에서 auto-layout 을 사용하기 시작하면 절대 되돌릴 수 없습니다! 하지만 auto-layout을 사용하는 동안에도 Figma의 최근 업데이트까지 문제에 직면했던 특정 지점이 있습니다. 이제 카드를 만들고 컨테이너를 벗어나는 태그를 추가하려고 합니다. 여기서 auto-layout을 사용할 때의 문제는 태그가 항상 auto-layout 제약 조건에 다시 스냅되는 것입니다. 이러한 시나리오에서 쉬운 방법을 찾기 위해 Figma는 최근 Absolute position을 도입했습니다. auto layout 프레임에 원하는 요소를 추가합니다. 태그를 흐름에 수용하기 위해 모든 형제가 이동하는 것을 알 수 있습니다. 이제 디자인 패널에서 absolute position

Naver Blog

고구마가 될 것 같아

부지런히 먹는데 고구마가 줄지 않는다. 결국 전부 쪄서 냉동실 행~ 먹어도 먹어도 줄지 않는 고구마 #100일챌린지 #그림일기 #고구마 #D60

Naver Blog

더 나은 플로우차트를 만들기 위한 5가지 간단한 팁

플로우차트는 프로세스, 시스템 또는 알고리즘을 나타내는 다이어그램 유형입니다. 특히, 이를 통해 웹사이트 또는 다른 디지털 제품에서 사용자의 단계를 계획 및 최적화하고 시간순으로 표시할 수 있습니다. 아래에서 플로우차트를 만들기 위한 5가지 명확하지 않은 팁을 공유합니다. CREATED WITH FLOWMAPP FLOWCHART TOOL : https://medium.com/@FlowMapp/5-simple-tips-to-build-a-better-flowchart-9d8cb1e1aecc 플로우차트 사용 사례 아시다시피 플로우차트는 특히 유저 인터페이스 개발에서 매우 광범위하게 사용될 수 있습니다. 그러나 우리는 사용에 대한 일반적인 아이디어를 수집하기로 결정했습니다. 아이디어의 단순화, 순차 작업이 최대한 명확하기 때문에 플로우차트를 사용하면 모든 사용자가 알고리즘을 훨씬 더 쉽게 이해할 수 있습니다. 동의하십시오. 종이 문서에 수많은 텍스트 지침이 있는 경우보다 플로우차트를 보고

Naver Blog

추워짐

낮에도 좀 더 쌀쌀해진 것 같았는데... 저녁이 되니 확실히 더 추워짐! 담에 필라테스 갈 때는 기모 쫄쫄이 입고 가야겠당 #100일챌린지 #그림일기 #기모쫄쫄이 #D59

Naver Blog

탭 디자인 모범 사례

https://saadiam.medium.com/tabs-design-best-practices-8fafe936606f 탭은 사용자가 한 번에 하나의 창을 볼 수 있는 여러 창으로 페이지 콘텐츠를 구성하는 데 사용되는 UI 컨트롤입니다. 콘텐츠는 관련되어 있으며 응용 프로그램의 동일한 계층에 있습니다. 탭은 페이지의 다른 섹션 사이를 탐색하여 이러한 섹션에 배포된 관련 정보를 볼 수 있는 방법을 제공합니다. 예를 들어 개인, 전문, 교육 등의 탭을 사용하여 사용자 프로필의 세부 정보를 표시할 수 있습니다. https://saadiam.medium.com/tabs-design-best-practices-8fafe936606f 해부 탭 표시줄에는 사용자가 컨트롤과 더 쉽게 상호 작용할 수 있도록 하는 여러 요소와 상태가 있습니다. 이러한 요소와 상태를 신중하게 디자인하는 것이 중요하므로 디자인에서 탭 표시줄을 검색하고 사용할 수 있습니다. 이러한 요소와 상태에 의한 자세한 내용은 아래에

Naver Blog

헤어스타일

갑자기 블랙에 꽂혀서 헤어 컬러랑 스타일 바꿈 탈색모라 머릿결이 안 좋은데 완전 블랙으로 염색했더니 머릿결이 엄청 좋아 보인다. 덩달아 기분도 좋음 #100일챌린지 #그림일기 #헤어스타일 #D58

Naver Blog

앱 인터페이스 디자인을 위한 7가지 실용적인 색상 원칙

제품 디자이너를 위한 검증된 아이디어의 간단한 체크 리스트 Image Credits: Pixabay | Source: Pexels.com :https://uxplanet.org/7-practical-colour-principles-for-designing-app-interfaces-3de3f0667ded 이 게시물은 앱 디자인에서 색상 원칙을 적용하는 실용적인 규칙에 도달하기 위해 이론과 실제 사이의 다리를 만들기 위한 작은 시도입니다. 저를 포함하여 디자인을 처음 접하는 분들을 위한 가이드로 이 글을 씁니다. 내가 여기서 대답하려고 하는 본질적인 질문은 다음과 같습니다. 앱 디자인을 위한 반복 가능한 시스템이나 프레임워크를 만들기 위해 색상 이론을 몇 가지(제한된) 핵심 디자인 원칙으로 줄이려면 어떻게 해야 합니까? 물론 디자인의 모든 것과 마찬가지로 앱의 색상 선택은 사용자와 전달하고자 하는 분위기와 인식 당신이 이끌어내고자 하는 감정과 행동 브랜드 아이덴티티와 개성, 메시지의

Naver Blog

짜파게티

라면 중에 제일 칼로리가 높다고 하던데... 나의 뱃살에게는 미안하지만 어쩔 수가 없다. 먹고 자야지~~ #100일챌린지 #그림일기 #D57 #짜파게티

Naver Blog

2022~2023년 모바일 디자인

오늘날 좋은 모바일 디자인은 무엇을 의미합니까? 모바일 디자인은 지난 20년 동안 빠르게 발전했으며 사용자의 기대치는 많이 바뀌었습니다. 이 기사에서는 사용자가 2022년에 모바일 앱에 대해 기대하는 8가지 사항에 대해 논의하고자 합니다. 1. 좋은 사용성은 필수 요구 사항입니다. 몇 년 전만 해도 좋은 사용성은 좋은 모바일 디자인과 나쁜 모바일 디자인을 구분하는 가장 중요한 속성 중 하나였습니다. 그 이후로 상황은 크게 바뀌었습니다. 오늘날 우수한 사용성은 모바일 디자인의 필수 속성입니다. 사용자는 사용성이 좋지 않은 앱을 용납하지 않습니다. 사용자가 잘못 설계된 제품과 상호 작용할 때 제품을 제거하거나 이와 같은 부정적인 리뷰를 남깁니다. AppStore의 Amazon 쇼핑 리뷰. : https://uxplanet.org/mobile-design-in-2022-2023-586008007bce 중소기업 디자이너들은 물론이고 애플, 구글 등 대기업들이 만든 가이드라인을 통해 사용성이

Naver Blog

나도 나는 놈이 되고 싶다

세상에는 정말 스마트한 사람들이 많은 것 같아. 짱 부럽... #100일챌린지 #그림일기 #나는놈 #D56

Naver Blog

UI 디자인을 위해 해야 할 것과 하지 말아야 할 것

더 나은 사용자 경험을 만드는 데 도움이 되는 상위 7가지 해야 할 일과 하지 말아야 할 일입니다. https://bootcamp.uxdesign.cc/dos-and-don-t-for-ui-design-7e5c86c71cac 사용자 인터페이스는 사용자가 제품, 애플리케이션 또는 플랫폼과 상호 작용할 때 보게 되는 것입니다. 매력적인 사용자 경험은 견고한 인터페이스 디자인을 기반으로 구축되었습니다. 초보자로서 우리 모두는 다른 웹 사이트의 디자인에 매료되고 이러한 디자인을 직접 만드는 방법에 대해 궁금해합니다. 광범위한 사용자를 위한 깨끗하고 효율적인 인터페이스를 구축하기 위한 기본 설계 개념으로 고려해야 할 몇 가지 사항이 있습니다. 이제 놀랍고 깨끗하며 전문적인 인터페이스를 만드는 방법을 이해하기 시작했습니다! 1. 인간과 유사한 언어 : 공감하는 언어를 사용하면 사용자의 참여를 유도하고 디자인을 통해 좋은 사용자 경험을 느낄 수 있습니다. https://bootcamp.uxdes

Naver Blog

아침잠이 늘었다

날이 추워져서 그런가? 아침에 일어나는 게 겁나 힘들다 분명 눈을 떴다고 생각했는데 계속 자고 있음 생활리듬 바뀌면 골치 아픈데... 오늘은 더 일찍 자야지 #100일챌린지 #그림일기 #잠만보 #D55

Naver Blog

15가지 인터페이스 애니메이션 규칙 : 각 UX/UI 디자이너가 알아야 할 사항은 무엇입니까?

애니메이션 사용자 인터페이스는 점점 더 다양해지고 있습니다. 초기에는 주로 게임화의 속성으로 간주될 수 있었다면 오늘날 UI 요소의 애니메이션은 보다 일반적이며 온보딩을 용이하게 하는 데 자주 사용됩니다. 아래에서는 사용자 인터페이스에서 효과적인 애니메이션을 만들기 위한 주요 규칙에 대해 설명합니다. 멋진 애니메이션 UI를 만들려는 웹 디자이너를 위한 안내서 따라서 애니메이션 요소가 포함된 뛰어난 사용자 인터페이스를 개발하기 위해 따라야 할 규칙을 알아보겠습니다. 프로토타이핑으로 시작 초보자이든 숙련된 웹 디자이너이든 상관없이 처음부터 애니메이션을 만들려면 항상 프로토타이핑이 필요합니다. 따라서 아이디어가 얼마나 유지적으로 구현되는지 이해하고 많은 시간과 노력을 들이기 전에 변경할 수 있습니다. DESIGNED BY JURRE HOUTKAMP : https://medium.com/@FlowMapp/15-interface-animation-rules-what-does-each-ux-u

Naver Blog

토로이 시반

토로이 시반 노래 넘 좋아~ 목소리도 짱짱 좋아~ #100일챌린지 #그림일기 #D54 #트로이시반

Naver Blog

겁나 피곤하다

펜 들 힘도 없이 겁나 피곤하지만 100일 챌린지 클리어~~ 하아... 힘내자! #100일챌린지 #그림일기 #D53 #끝까지간다

1 2 3 4 5 6