본문 바로가기

UI 디자인: 음성기반 인터페이스 가이드 (번역) 이 게시물은 Medium - Muzli 채널의 'Voice User Interfaces (VUI) - The Ultimate Designer’s Guide' 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 원본글 링크https://medium.muz.li/voice-user-interfaces-vui-the-ultimate-designers-guide-8756cb2578a1 음성기반 인터페이스 (VUI)에 대한 가이드 (Voice User Interfaces :VUI — The Ultimate Designer’s Guide)음성기반 소통을 위해 필요한 기본요소들 (The fundamentals that empower us to c..
UI 디자인 : 게슈탈트 이론으로 바라본 UI 레이아웃 (번역본) 이 게시물은 Medium - Muzli 채널의 'Gestalt principles in UI design' 이라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 원본글 링크https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965 게슈탈트 이론을 통해 만드는 UI 디자인 (Gestalt principles in UI design.)시각적 커뮤니케이션의 마스터가 되는 방법 하늘을 볼 때 - 동물이나 사물을 닮은 특이한 모양의 구름을 본 적이 있나요? 왜 우리는 솜털 같은 덩어리나 기체등을 보는 것만으로 뭔가를 떠올리게되는걸까요? 그건 여러분의 뇌가 동작하는 방식 때문입니다. 여..
UI 디자인 : 편리한 입력창 UI 만들기 (번역본) 이 게시물은 Medium - UX Collective 채널의 'Design better forms' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 원본글 링크https://uxdesign.cc/design-better-forms-96fadca0f49c 편리한 사용자 입력양식 만들기 (Design Better Froms)디자이너들이 자주 실수하게되는 부분들에 대한 예시와, 개선 방법 그 어떤 규격이건 간에. 사용자 입력양식은 언제나 중요한 UI요소들 중 하나입니다. 회원가입 ,멀티 뷰 스테퍼, 단조로운 데이터 입력창 등등, 다양한 규격들이 있죠. 이 문서는 입력양식 설계에 있어 - 주의해야할 부분과, 권장할만한 규격에 대해 주로 다..
UI 디자인 : 제로 UI, 화면기반 인터페이스의 종말 (번역본) 이 게시물은 Inkbot Design이라는 사이트의 'Zero UI: The End of Screen-based Interfaces and What It Means for Businesses' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다.원본글 링크https://inkbotdesign.com/zero-ui/제로 UI - 화면기반 인터페이스의 종말(Zero UI: The End of Screen-based Interfaces and What It Means for Businesses)오늘날의 PC와 모바일은 우리 생활 속에서 빼놓을 수 없는 존재가 되었습니다. 그러나 이 기나긴 시대에도 끝은 왔습니다. 우리는 곧 화면이 없는 인터페..
UI 디자인 : 2019년, 7가지 웹디자인 기술 트렌드 (번역글) 이 게시물은 Inkbot Design이라는 사이트의 '7 Cutting Edge Web Design Trends to Follow in 2019' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다. 원본글 링크https://inkbotdesign.com/web-design-trends-2019/ 2019년, 7개의 웹 디자인 기술 트렌드 (7 Cutting Edge Web Design Trends to Follow in 2019) 세상 모든 디자이너들은 - 웹 디자인 세계에서 새로운 기술과 해결법을 배우는데 열광하는 이들이죠. 게다가 새로운 디자인을 만들어나갈때는 새로운 트렌드를 알아두는 것 역시 매우 중요합니다. 2019년에는 다음과..
UI 디자인 : 2019 웹디자인 트렌드 (번역본) 이 게시물은 Thedesign.com의 채널의 'Web Design Trends for 2019' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있습니다.원본글 링크https://www.theedesign.com/blog/2018/web-design-trends-2019시작하는 글웹 디자인 트렌드를 최신으로 유지할수록, 웹사이트 역시 성공할 가능성이 높습니다. 그 이유는 매년마다 시각적 표현방식이나, 알고리즘, 개발 방식 등 - 모범사례에 대한 해답이 매번 달라지기 때문입니다. 제 아무리 트렌드를 쫓는다해도, 단 몇 달 만에 트렌드가 변화해버리면 사이트가 낡아빠진것처럼 보일 수도 있다는 거죠. (이는 매우 과장된 표현입니다) 그렇기 때..
UI 디자인 : UI디자인에서의 타이포그래피 사용방법 (번역글) 이 게시물은 Medium, Prototype.io 채널의 'How to use typography in UI Design' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있으며, 피드백을 주시면 최대한 반영하도록 하겠습니다.원본글 링크https://blog.prototypr.io/how-to-use-typography-in-ui-design-ce045fa4ff2eUI 디자인에서 타이포그래피를 사용하는 방법실무에서 사용할 수 있는 실용적 방법시작하는 글 (Introduction)타이포그래피는 UI디자인에서 가장 어려운 부분이라고 말해도 과언이 아닐겁니다. 타이포는 오랜 세월동안 우리와 함께해왔죠. 덕분에 여러가지 규칙과 관행, 이론들이 많이 ..
UI 디자인 : 실무에서 쓸 수 있는 색상 팔레트 만들기 이 게시물은 Medium, Erik D, Kannedy라는 해외 디자이너의 'Color in UI Design: A (Practical) Framework' 라는 문서를 번역한 게시글입니다. 맥락상 이해가 쉽도록 의역 + 수정했기 때문에 정확하지 못한 표현이 있을 수 있으며, 피드백을 주시면 최대한반영하도록 하겠습니다. https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e 실무에서 쓸 수 있는 색상 변형방법 (Color in UI Design: A Practical Framework) 저는 UI 디자인을 독학해오면서 수많은 기사와 책들이 색깔 이론과 팔레트에 대해 이야기해오는걸 봐왔습니다. 그러나 제 경..