# data[].attributes.body
도타 2로 알아보는 디자인 원칙

# data[].attributes.attachment_link.description
도타 2에 어울리는 최고의 아이템을 디자인하기 위해서는 뛰어난 실력과 멋진 아이디어 외에도 더 많은 것들이 필요합니다. 도타 2의 미적인 부분은 게임 플레이 중 각 영웅을 위에서 내려다 봤을 때 즉시 그 독특함을 식별할 수 있도록 돕는 일련의 원칙들을 바탕으로 구현되었습니다. 이제 해당 원칙들이 정확히 무엇이며, 이러한 원칙들을 어떻게 영웅 디자인에 이용했으며, 여러분이 이 원칙들을 맞춤 아이템에 어떻게 적용할 수 있는지 알아보겠습니다.

# data[].attributes.body
그래픽 디자인 now 시리즈 1

종이 사이즈, 그리드 등

# data[].attributes.body
모션그래픽기초에서 내가 추천한 도서

# data[].attributes.body
<UX/UI의 10가지 심리학 법칙>의 저자 존 야블론스키가 운영하는 디자인 사이트

# data[].attributes.attachment_link.description
Laws of UX is a collection of best practices that designers can consider when building user interfaces.

# data[].attributes.body
엘런 베커의 튜토리얼

# data[].attributes.attachment_link.title
12 Principles of Animation (Official Full Series)

# data[].attributes.body
구글 만세 구글 최고

# data[].attributes.attachment_link.readable_text
For this post, we handed the keyboard over to UX Director and Google Design team lead Margaret Lee. Earlier this month, I shared my story on navigating the mismatch between personal upbringing and professional roles. What I didn't share was the extent of the bias, sexism, and racism I've encountered throughout my life. I continue to be deeply angered by the shootings in Atlanta that left eight people dead, including six women of Asian descent-an inevitable crescendo to a year of mounting violence and hatred towards the Asian American, Pacific Islander, and Asian communities. I grieve and stand alongside them in solidarity and in the fight against racism and hatred. As Google's Eva Tsai, Director, Marketing Analytics and Operations, shared in a recent essay for the Keyword: "Outrunning and dismissing injustice is no longer an option." We cannot afford to be silent. We cannot not engage. Months ago, Google Design shared resources on designing for equity, and today I'd like to continue that conversation with resources focused on action. Our team has found agency in culling our respective feeds for ways to take action. Here, we've broken those into four parts: learn, practice, celebrate, and support. Our hope is that this collection of links gives each of us many ways to take a step forward-no matter where you're at in this journey-and reach across cultures to hold up one another. -Margaret Lee, Director, UX Community & Culture Start by learning and listening Listen in on an honest conversation between two Asian American designers on how they've navigated their identities at work via So Where Are You From?Or this episode of Still Processing, where the hosts hand over their microphones to Asian American colleagues, friends and listeners to hear about their experiences with racismLearn the names of Asian women leaders that history books may have missed through the Instagram account @17.21womenWatch this PSA by Titania Tran, Jamon Sin, and Mimi Munoz and get comfortable with the question: "What will you say, when you can't say you didn't know?"Find out why our current definition of leadership doesn't match the rallying cry for diversity, equity, and inclusion, from Google UX Director Margaret LeeSeek out personal experiences on racism and discrimination as an Asian American, like this reflection by Google Director Eva Tsai Practice being a better ally Think critically about stereotypes in design, and how to break themSign up for bystander intervention training through Hollaback! & Asian Americans Advancing Justice or learn de-escalation and Upstander strategies from the Center for Anti-Violence Education to respond to anti-Asian harassmentMake your allyship cross-cultural by learning about Black/Asian solidarities, past and presentReport incidents of anti-Asian violence to Stand Up Against Hatred and Stop AAPI HateFamiliarize yourself with the NYC Stop Asian Hate toolkitSupport the next generation of emerging BIPOC designers via Office Hours, a global mentoring series for creatives who identify as Black, Indigenous, and people of colorTake notes and implement tactics from Tatiana Mac's talk: Building Socially-Inclusive Design Systems Celebrate AAPI+ creatives Pick up a copy of Banana magazine, the design-driven publication whose pages blur Eastern and Western boundaries to create a collective voice for contemporary Asian cultureDownload Source Han Serif, the open-source Pan-CJK typeface family from Adobe Type and Google Fonts that lets designers mix Chinese, Japanese, and Korean alphabets with ease (and style!)Hire talented individuals from the Asian & Pacific Islander Who Design directoryRead AAPI voices and add their books to your bookshelf or syllabi. We recommend Minor Feelings by Cathy Park Hong, The Making of Asian America: A History, Pachinko by Min Jin Lee, and Yolk by Mary H. K. Choi.Support creative Asian businesses and makers like Omsom, Wing On Wo & Co., Virginia Sin, Eny Lee Parker, Poketo, O-M Ceramics, and get to know the creators behind Create to Stop Hate, an AAPI Artists Auction. Lend your support 18MillionRising.org, working to activate Asian America through technology and popular cultureAAPI Community Fund, a campaign led by activist and cultural leaders issuing grants to trusted organizations working to rectify the racial inequalities in our societyAAPI Women Lead, an organization creating spaces for Asian & Pacific Islander women to tell their storiesAsian Americans Advancing Justice, an organization advocating for the civil and human rights of Asian AmericansAsian Americans for Equality, a NYC-based non-profit that advances racial, social and economic justice for Asian Americans and other systematically disadvantaged communitiesDear Asian Youth, a group of Asian youths striving to uplift marginalized communities through education, activism, and celebrationDonate directly to the families of victims of anti-Asian racism and violenceSave Our Chinatowns, a grassroots initiative passionate about supporting Chinatown communities in the Bay Area through art, conversation, and shared love of foodSomething else you'd like us to include? Tweet us @googledesign.

# data[].attributes.attachment_link.description
For this post, we handed the keyboard over to UX Director and Google Design team lead Margaret Lee. Earlier this month, I shared my story on navigating the mismatch between personal upbringing and professional roles. What I didn't share was the extent of the bias, sexism, and racism I've encountered throughout my life.

# data[].attributes.body
국산 자료

메뉴 페이지 보면 이전 컨퍼런스 자료도 찾아볼 수 있음

# data[].attributes.body
프리 이미지

# data[].attributes.attachment_link.description
어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.

# data[].attributes.body
프리 이미지 사이트

# data[].attributes.body
프리 이미지 사이트

# data[].attributes.body
프리 이미지 사이트

# data[].attributes.attachment_link.title
Freepik: Download Free Videos, Vectors, Photos, and PSD

# data[].attributes.attachment_link.description
Millions of Free Graphic Resources. ✓ Videos ✓Vectors ✓ Photos ✓ PSD ✓ Icons. All that you need for your Creative Projects. #freepik

# data[].attributes.body
스톡이미지 사이트

# data[].attributes.attachment_link.title
Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree

# data[].attributes.attachment_link.description
Pngtree provides free download of png, png images, backgrounds and vector. Tens of millions of high quality free png images, PSD, AI and EPS Files are available. You can also use our AI background remover to remove background for your photos or AI image generator to create PNG images from text.

# data[].attributes.body
국산 위주의 무료 이미지 영상 음악 어쩌구

# data[].attributes.body
한글 폰트

# data[].attributes.attachment_link.description
상업용 무료한글폰트 사이트

# data[].attributes.body
영문 폰트

# data[].attributes.attachment_link.readable_text
86,484 fonts of which:
34,084 with accents
44,397 with the Euro symbol

How to install a font (details in the Help section)
Extract the files you have downloaded, then:

Windows 10/8/7/Vista: Right-click on the font files > "Install"

Mac OS X: Double-click the font file > "Install font" button. Other OS...

All the new fonts
The fonts presented on this website are their authors' property, and are either freeware, shareware, demo versions or public domain. The licence mentioned above the download button is just an indication. Please look at the readme-files in the archives or check the indicated author's website for details, and contact him/her if in doubt.
If no author/licence is indicated that's because we don't have information, that doesn't mean it's free.

# data[].attributes.attachment_link.description
Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.

# data[].attributes.body
글로벌 폰트 사이트

Noto Sans의 고향(?)

# data[].attributes.attachment_link.description
Making the web more beautiful, fast, and open through great typography

# data[].attributes.headline
한국과 일본의 UX 비교

# data[].attributes.subject
한국과 일본의 UX 비교

# data[].attributes.attachment_link.readable_text
지리적으로 가깝지만, 한국과 일본의 UX는 많이 다릅니다. 한국 사용자는 "알아서 한다 "라는 속도로 우선 눌러보며 움직이고, 일본 사용자는 "확인하고 안심한다"는 과정을 거쳐야 움직이기 시작합니다. 두 나라 모두 '사용자 중심'을 말하지만, 그 중심을 구성하는 기준에는 차이가 있습니다.

한국의 UX는 복잡하지만 빠르고 효율적입니다. 한국 사용자는 핵심만 잘 정리된 화면보다 '아마도' 필요할 것 같은 다양한 정보를 한눈에 보고 싶어 합니다. 한국 포털사이트' '로 상징할 수 있는 화면이 대표적인 예시입니다. 한국 포털사이트는 뉴스, 날씨, 쇼핑, 주식, 웹툰, 검색창이 한 화면에 모두 들어있습니다. 다른 문화 사용자에게는 복잡할 수 있지만, 대다수 한국 사용자에게는 익숙한 질서입니다.

한국 사용자는 화면을 스크롤하거나 페이지를 변경하지 않아도 서비스가 알아서 어딘가에 정보를 '잘' 보여줬을 때 더 반응합니다. 검색하기 전에 이미 뉴스를 보고, 날씨를 확인하며 쇼핑 영역을 통해 쇼핑을 시작합니다. "묻기 전에 보여주는 구조", 이게 한국 UX에서 자주 나타나는 특징입니다. 그렇다고 해서 한국 UX가 정보를 많이 담는다고 완성되는 건 아닙니다.

화면 안에는 많은 정보를 담지만, 서비스 맥락 안에서 사용자에 대한 깊은 이해를 바탕으로 '필요할 법한 정보'를 '알아서 잘'선별해 보여줘야 합니다. '알아서 잘'이 가능한 이유는 한국은 비슷한 교육 수준과 문화를 공유하는 사회이기 때문입니다. 대부분의 사용자가 유사한 사고방식과 표현 구조에 익숙해, 서비스가 자세히 설명하지 않아도 맥락을 빠르게 이해합니다. 결국 한국의 UX는 공통된 이해를 전제로 작동하는 암묵적 설계에 가깝습니다.

그래서 한국 UX 디자이너는 사용자에 대한 깊은 이해를 바탕으로 다양한 정보를 미리 배치해 두고, 사용자가 선택할 수 있는 여지를 남겨둡니다. 한국 UX는 정보가 단순할 때 서비스 만족도가 올라가는 것이 아니라, 맥락에 맞는 정보가 다양할수록 선택이 빠르기 때문입니다. 따라서 한국 UX 디자이너는 필요할 것 같은 정보를 먼저 제공함으로써 선택권과 통제권을 사용자에게 미리 넘겨줍니다.

일본의 UX는 차분하고 신중하며, 안정적입니다. 사용자는 행동하기 전, 충분히 이해하고 납득한 뒤에 움직입니다. 버튼 하나를 누르기 전에도 그 결과를 예측할 수 있어야 안심을 합니다. 대표적인 예가 라이프스타일 커머스 ' '와 ' 야후 재팬(Yahoo! Japan) '입니다.

니토리의 상품 페이지에는 제품 크기, 소재, 주의사항, 세탁 방법, 법적 고지까지 세세하게 표기되어 있습니다. 사용자는 그 모든 정보를 확인하고 충분히 고민한 뒤 결제 버튼을 누릅니다. 야후 재팬 역시 마찬가지입니다. 뉴스, 쇼핑, 이메일, 금융, 검색 등 수많은 기능이 한 페이지에 빽빽하게 들어 있지만, 각 영역은 텍스트 중심의 명확한 설명이 포함된 링크 형태로 연결돼 있습니다.

처음 일본 서비스를 접한 사람에게는 다소 과도하게 느껴질 수 있지만, 일본 사용자에게는 이런 구조가 익숙합니다. 이런 UX는 일본 사회의 불확실성 회피 성향에서 비롯됩니다. 재난과 규제, 소비자 보호 중심의 문화 속에서 서비스와 사용자 모두 '혹시 모를 상황까지 대비해야 한다'는 생각을 공유합니다. 그래서 일본 서비스 역시 불확실성을 줄이기 위해 모든 상황을 명확히 설명하는 구조를 선호합니다.

하지만 이런 정보의 풍부함은 단순한 과잉이 아닙니다. 일본의 UX 디자이너는 사용자가 결정을 내리는 데 꼭 필요한 정보를 선별하고, 그 안에서 충분히 설명하는 데 초점을 둡니다. 즉, 정보를 단순히 많이 보여주기 위한 것이 아니라, 필요한 정보를 깊이 이해시키고 전달하기 위한 설계입니다. 결국 일본 UX는 다양한 정보가 아니라, 사용자에게 필요한 정보의 적합성과 깊이에 집중합니다.

한국과 일본 서비스는 비슷하지만 서로 다른 방향으로 UX를 설계합니다. 한국은 사용자가 빠르게 판단할 수 있는 구조를, 일본은 필요한 정보를 선별해 충분히 설명하는 구조를 택합니다. 두 문화 모두 사용자를 중심에 두지만, 그 중심을 이루는 경험의 방향은 다릅니다. 한국은 행동 효율성을 중심으로, 일본은 사용자가 필요한 내용을 깊이 이해하고 설명하는 방식으로 설계합니다.

*이번 글은 한국과 일본 대표 서비스 중심으로 UX 특징을 정리한 글입니다. 모든 서비스에 대입할 수 있는 설명이 아니며 서비스에 따라 다양한 UX 전략을 활용할 수 있습니다.

# data[].attributes.attachment_link.title
한국은 다양하게, 일본은 충분하게 - 문화가 만든 UX

# data[].attributes.attachment_link.description
빠르게 판단하는 한국, 충분한 정보가 필요한 일본 | 지리적으로 가깝지만, 한국과 일본의 UX는 많이 다릅니다. 한국 사용자는 "알아서 한다 "라는 속도로 우선 눌러보며 움직이고, 일본 사용자는 "확인하고 안심한다"는 과정을 거쳐야 움직이기 시작합니다. 두 나라 모두 '사용자 중심'을 말하지만, 그 중심을 구성하는 기준에는 차이가 있습니다.

# data[].attributes.body
일본어 폰트 사이트

# data[].attributes.attachment_link.title
いいフォント｜無料の日本語フリーフォント検索サイト

# data[].attributes.attachment_link.description
日本語フリーフォントを一覧で検索・ダウンロードすることができるフリーフォントリンク集サイト「いいフォント」。ゴシック体、明朝体、手書き文字、デザイン書体などのカテゴリーから探せます。

# data[].attributes.body
그래픽 디자인 now 시리즈 2

색상

# data[].attributes.body
그래픽 디자인 now 시리즈 3

한문 관련 내용이 꽤 보였음

# data[].attributes.headline
디자이너's Pro 게임 캐릭터 디자인

# data[].attributes.subject
디자이너's Pro 게임 캐릭터 디자인

# data[].attributes.headline
디자이너's Pro 모바일 게임 컨셉아트 디자인 by 포토샵

# data[].attributes.subject
디자이너's Pro 모바일 게임 컨셉아트 디자인 by 포토샵

# data[].attributes.headline
게임 UI 디자인 교과서

# data[].attributes.subject
게임 UI 디자인 교과서

# data[].attributes.headline
4가지만 지키면 매력이 10배 상승! 캐릭터 디자인 하는 법

# data[].attributes.subject
4가지만 지키면 매력이 10배 상승! 캐릭터 디자인 하는 법

# data[].attributes.body
영상 댓글 요약 펌:

1. 주제 하나만 확실하게 나머지는 자유롭게

2. 디자인 요소 3가지 이상 사용 X

3. 패턴은 뭉쳐진다 (밀도는 어느정도 높이되 똑같은 패턴 반복하지 않기)

4. 색배치 어려운 경우 무채색 적극활용

# data[].attributes.attachment_link.title
4가지만 지키면 매력이 10배 상승! 캐릭터 디자인 하는 법

# data[].attributes.body
모션그래픽 강좌 채널

# data[].attributes.attachment_link.description
#포토샵 #애프터이펙트 #디자인팁 #존코바 안녕하세요, 존코바입니다. 10년차 모션그래픽 디자이너로
포토샵, 애프터이펙트, 디자인팁 등을 쉽고 간결하게 알려드리는 채널입니다! Hi! I’m John KOBA from South Korea, Motion Graphic Designer. I’ll give u Design Tip & Photoshop & Aftereffect Tutorials.

# data[].attributes.headline
문은주 애니메이션 공방

# data[].attributes.subject
문은주 애니메이션 공방

# data[].attributes.body
애니메이션 제작 과정

# data[].attributes.attachment_link.title
문은주 애니메이션 공방

# data[].attributes.attachment_link.description
Share your videos with friends, family, and the world

# data[].attributes.body
UI/UX 디자인 강좌 채널

# data[].attributes.attachment_link.description
Hello, designer couple of words children. In current practice and professional skills and as designer uiux I’m going to tell you.

# data[].attributes.body
영상 제작, 편집 강좌 채널

# data[].attributes.attachment_link.description
VIDEOCLASS channel contains video editing, filming, and producing tutorial, uploaded every week! please SUBSCRIBE!

# data[].attributes.body
모바일 앱, 웹사이트, 아티클 등 다양한 UI 레이아웃

# data[].attributes.attachment_link.title
유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!

# data[].attributes.attachment_link.description
국내 UI/UX 패턴을 담은 공간, 유아이볼

# data[].attributes.headline
UI 상태 종류 싹 다 파헤치기

# data[].attributes.subject
UI 상태 종류 싹 다 파헤치기

# data[].attributes.attachment_link.title
19화 UI 상태 종류 싹 다 파헤치기

# data[].attributes.attachment_link.description
구글이 정의하는 상태의 종류와 사용방법 | 상태의 종류와 사용방법 상태(state)란 컴포넌트나 요소가 현재 어떤 조건에 놓여 있는지를 나타내는 표현입니다. 인터페이스에서 상태는 눈에 잘 띄지 않지만, 사용자가 제품을 이해하고 신뢰하게 만드는 가장 기본적인 단서입니다. 버튼이 눌릴 수 있는지, 지금 어떤 요소에 주의가 가 있는지, 방금 어떤 행동이 수행되었는지는 모두 상태를 통해 전달됩니다. 본

# data[].attributes.headline
서비스 기획 단어장: 맛있는 이름들

# data[].attributes.subject
서비스 기획 단어장: 맛있는 이름들

# data[].attributes.body
음식 이름에서 유래한 용어 위주로 정리된 글

# data[].attributes.attachment_link.title
서비스 기획 단어장 2 - 햄버거, 도시락, 토스트 등 맛있는 이름들

# data[].attributes.attachment_link.description
맛있는 음식은 어디에서나 통하니까 ㅎㅎ Bento menu 도시락 모양을 본따 이름을 붙인 UI는 그리드 목록으로 나열되는 메뉴들을 의미하며, 형태와 용처에 따라 햄버거, 케밥, 미트볼 다양한 이름이 붙습니다. 이 이미지에서는 초콜릿이라고 명칭되어있는데, 개인적으로 벤토라는 일본어보다는 초콜릿이 더 마음에 듭니다. Hamburger menu 메뉴를 토글 형식으로 숨겼다 열어서 볼 수 있는 UI입니다. 모양이 햄버거 같아서 지어진 이름인데, 우리나라에서는 석 삼(三) 자와 닮았다고해서 삼메뉴라고 부르기도 합니다. Döner menu 길이가 점점 짧아지는 세 줄의 모양으로 필터 그룹을 나타냅니다. Kebab menu 그룹화된 옵션 집합을 나타냅니다. Breadcrumb 빵 부스러기, 빵가루라는 뜻으로 헨젤과…

# data[].attributes.headline
메뉴 아이콘 이름 정리된 글

# data[].attributes.subject
메뉴 아이콘 이름 정리된 글

# data[].attributes.body
주요 용도까지 보려면 들어가서 다 보고

급하게 이름만 필요하면 프리뷰 사진만 봐도 될듯

# data[].attributes.attachment_link.title
[UI 명칭] [Menu UI] 이제 땡땡땡 아이콘 말고 진짜 이름으로 불러주세요.

# data[].attributes.attachment_link.description
여러분은 다양한 메뉴 아이콘들의 명칭에 대해 얼마나 알고 계시나요? 사용하는 위치나 클릭 시 보여주는 UI에 따라 메뉴 아이콘은 여러가지가 쓰이고 있습니다. 하지만 아이콘마다의 정확한 명칭은 알지 못하는 것이 대부분입니다. 정확히 통용되는 메뉴 아이콘의 명칭이라 하면 햄버거 메뉴(Hamberger Menu)가 전부이죠. 그래서 오늘은 메뉴 아이콘들의 실제 명칭에 대해 알아보았습니다. 재미있는 점은 글에서 설명하고 있는 UI 아이콘들을 보면 메뉴 아이콘들이 대부분 음식의 이름을 따서 만들었다는 것입니다~! 어떤 아이콘들이 어떤 이름들을 가지고 있을지 흥미롭게 봐주시면 좋겠습니다. 01. Bento Menu Iocn(벤또 메뉴 아이콘) 일본도시락 상자의 이름을 따서 만든 아이콘입니다. 여러 박스 형태가 모여…

# data[].attributes.headline
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소

# data[].attributes.subject
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소

# data[].attributes.body
32 User Interface Elements For UI Designers의 번역본

# data[].attributes.attachment_link.title
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역)

# data[].attributes.attachment_link.description
원제 : 32 User Interface Elements For UI Designers프론트엔드 개발자는 유저 인터페이스(UI)에 대해 그 어떤 개발자보다 잘 이해하고 숙지해야 합니다. 디자이너와 소통하며 그들을 이해하고, 때론 스스로 제품과 서비스의 사용성을 개선하기

# data[].attributes.attachment_link.description
타입피디아는 다양한 한글 서체를 쉽고 재밌게 탐색하고 비교할 수 있는 타이포그래피 플랫폼입니다. 체계적인 분류를 바탕으로 원하시는 폰트를 찾고 사용해보세요.

# data[].attributes.headline
애니메이션 방식 별 느낌 비교

# data[].attributes.subject
애니메이션 방식 별 느낌 비교

# data[].attributes.body
일본 웹사이트 레퍼런스 사이트

# data[].attributes.attachment_link.title
美容･化粧品･コスメ･ケア用品 | SANKOU!

# data[].attributes.attachment_link.description
Webデザイン制作の参考になる｢美容･化粧品･コスメ･ケア用品｣のWebサイト･LP一覧。ブランドや商材の魅力が伝わるサイトを更新中。2026年の最新トレンドをチェック！

# data[].attributes.headline
혜주디자인 (무료 소스)

# data[].attributes.subject
혜주디자인 (무료 소스)

# data[].attributes.attachment_link.description
혜주디자인│로고디자인│브랜딩│비주얼디자인

# data[].attributes.attachment_link.description
다른 사이트와 똑같은 컴포넌트는 그만. 사용자가 진짜로 기억할 수 있는 컴포넌트를 쓰세요.

# data[].attributes.attachment_link.description
Beautifully designed components built with Radix UI and Tailwind CSS.