본문 바로가기

ui

(4)
빠른 디자이너-개발자 의사소통을 위한 색상(color) 시스템 프레임워크 디자인 팀 / 개발 팀이 제품 전반에 걸쳐 일관성 있고, 목적있게 색상을 사용할 수 있도록 돕는 색상 프레임워크를 만들어 봅시다. 원문 링크입니다 : https://medium.com/prototypr/a-framework-to-create-accessible-and-harmonious-color-system-for-faster-design-dev-handoff-8138b3a9604d A framework to create an accessible and harmonious color system for faster design-dev handoff Enabling design & development teams to use colors deliberately for improved consistency..
[CSS] Spacing(간격) 프레임워크 구축 TL;DR 간격은 정보 계층을 표현 유지보수성 및 일관성 향상을 위해 시스템화 된 간격을 사용하자 원문 : https://medium.com/prototypr/a-framework-for-creating-a-predictable-and-harmonious-spacing-system-8eee8aaf773c A framework for creating a predictable & harmonious spacing system for faster design-dev handoff Enabling design & development teams to use spacing deliberately for improved readability and consistency in product blog.prototypr..
[CSS] 타이포그래피 프레임워크 구축 TL;DR 타이포그래피 시스템 프레임워크를 통해 디자인 / 개발 팀이 제품의 가독성 및 일관성을 향상시키고. 예측 가능한 방식으로 타이포그래피를 사용할 수 있습니다. 원문 : https://medium.com/prototypr/10-practical-steps-to-create-a-predictable-accessible-and-harmonious-typography-system-a-case-6c85d901bedd A framework to create an accessible & harmonious typography system for faster design-dev handoff Enabling design & development teams to use accessible and harmoniou..
UI 치트 시트 : 간격의 우정(UI cheat sheet: Spacing friendships) UI 설계시 가장 어려운 것 중 하나가 요소 간 간격(Spacing)을 설정하는 것입니다. 요소 간 간격을 설정하는 한가지 방법을 알아봅시다. 원문 링크입니다 : https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407 UI cheat sheet: Spacing friendships Learn to space elements in your layout, with the help of a cheesy metephor. uxdesign.cc UI 디자이너의 실력을 보는 가장 쉬운 방법은 디자인에서 간격(spacing)을 사용하는 방법을 보는 것입니다. 색상, 타이포그래피, 이미지 등은 일반적으로 브랜드 가이드에서 제공되지만 간격을 올바르게 사용..