GN⁺: Ask HN: 해커를 위한 최고의 UI 디자인 강좌는?
(news.ycombinator.com)- 실용적인 UI 기술을 구축하기 위한 더 현실적인 튜토리얼, 예시, 연습이 들어있는 UI 디자인 과정을 추천해 주세요
- "react tutorials"보다는 고급이지만, 혁신적인 Bret Victor의 "Magic Ink" 보다는 접근하기 쉬운 내용을 선호
답변들 정리
- UI 디자인에 도움이 되는 링크들
- Don’t Make Me Think
- The Design of Everyday Things
- Designing Interfaces, 3rd Edition
- Nielsen Norman Group Interaction Design: 3-Day Course
- Apple Human Interface Guidelines
- A Dao of Web Design
- Usability Testing
- 가장 중요한 것은 읽는게 아닌 실천하는 것. "개밥먹기(Dogfooding)"
- 당신의 UI가 사용자들에게 해롭지 않은지 생각해보는 것도 중요함
- "Refactoring UI" : 몇시간만에 읽을수 있는 책이지만, 프로젝트 디자인에 큰 도움이 됨
- 그림 그리기를 배우면서 괜찮은 UI를 만들수 있게 됨. Proko.com에 훌륭한 강좌가 있음. 책으로는 Andrew Loomis 의 "Fun with a Pencil", Betty Edwards의 "Drawing on the Right Side of the Brain" 추천
- Apple의 "Human interface guidelines"가 내 경력에 큰 도움이 되었음
- Erik Kennedy 의 https://www.learnui.design
- Shift Nudge https://shiftnudge.com/
- Design for Hackers https://designforhackers.com/
- CSS for JS https://css-for-js.dev/
- Daniel Jackson의 Concept design in three easy steps
- Universal Principles of Design 책
- https://hackdesign.org/
- Practical UI https://www.practical-ui.com
- https://www.refactoringui.com/
Hacker News 의견
- "Refactoring UI" 책은 몇 시간 만에 읽을 수 있지만, 프로젝트 디자인에 큰 도움이 됨. 깊이 있는 내용은 아니지만, 간단하고 빠른 해킹에 유용함.
- 애플의 인간 인터페이스 가이드라인은 경력 동안 개발한 윈도우 GUI 애플리케이션, 앱, 웹사이트 개선에 많은 도움이 됨. 가이드라인을 읽은 후 훨씬 더 단순한 UI를 만들 수 있게 됨.
- 단순한 폼 디자인도 못하던 것에서 괜찮은 UI 디자인을 할 수 있게 된 것은 그림 그리기를 배운 덕분임. 최고의 UX 디자이너들은 미술 학교 출신이 많으며, 디자인에 중점을 두기보다는 페이지 전체의 구성과 색상 선택이 중요함.
- UI 디자인에 대한 좋은 이해를 돕는 자료들로 "Don't Make Me Think", "The Design of Everyday Things", "Designing Interfaces, 3rd Edition" 등의 책과 Nielsen Norman Group의 인터랙션 디자인 코스, 애플 인터페이스 가이드라인 등이 있음. 실제로 연습하는 것이 중요함.
- "Design for Hackers" 책은 UI 패턴, 색상 구성 및 전반적인 UI 디자인에 대한 통찰력을 제공함. 그래픽 UI에 더 초점을 맞추고 있지만, TUI와 CLI에도 일반화할 수 있는 충분한 일반적인 디자인 고려 사항을 제공함.
- Erik Kennedy의 "learnui.design" 코스는 비싸지만 UI, UX, 랜딩 페이지 디자인에 대해 체계적으로 분석하고 구성한 최고의 코스 중 하나임. 실용적이며, 블로그를 통해 디자인에 대한 그의 생각을 맛볼 수 있음.
- "The Non-Designer's Design Book"은 디자인 기초에 대한 최고의 자료로, 모든 종류의 디자인에 널리 적용 가능하며, 읽은 사람들에게 큰 호응을 얻고 있음. "Refactoring UI" 역시 웹에 중점을 둔 유용한 자료임.
- 스티브 잡스의 제품 디자인 접근 방식과 애플 키노트를 읽고 보는 것이 도움이 됨. "맛"을 개발하는 것이 중요하며, 이를 통해 디자인에 대한 감각을 키울 수 있음.
- Josh Comeau의 "CSS for JS Devs" 코스는 개발자의 사고방식에 resonating하는 CSS의 기본을 배우는 데 좋은 방법임.
- 디자이너로서 가장 좋은 연습은 작동하는 디자인과 작동하지 않는 디자인을 보고 그 이유를 분석하는 것임. 디자인은 주어진 목표, 요구 사항, 제약 조건 하에서 문제를 해결하는 방법임. 디자인에 대한 관심이 있고 세부 사항에 신경을 쓰는 것이 어떤 직업에서든 좋은 성과를 내는 데 중요함.