728x90 SMALL UX UI 스터디11 반응형 사이트 디자인, 구축 방법 반응형웹 디자인(Rsponsive Web Design, RWD) 이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이 종류의 따라 화면 크기가 자동으로 변하도록 만든 웹페이지 접근 기법입니다. 다시 말해 PC, 테블릿, 모바일에 각개로 자동으로 최적화 되는 사이트입니다. 반응형 장점은 단 하나의 웹사이트로 다양한 디바이스에 대응함으로써 유지보수 및 추가 개발 이슈에 대해 시간과 비용면에서도 보다 효율적입니다. 모바일 퍼스트 반응형 웹디자인 최근에는 반응형 웹 디자인 개념보다는 모바일 퍼스트(모바일 우선주의)개념을 중요시 하기도 합니다. 물론 둘은 서로 기술적으로 다른건 아닙니다. 전략의 차이라고 보시면 될것같습니다. 일반적으로 반응형 웹디자인은 디자인에 있어서 일반적으로 데스크탑.. 2021. 12. 28. FIgma Shortcut keys / 피그마 단축키 FIgma Shortcut keys / 피그마 단축키 Figma 단축키(macOS) Essential / 기본 설명 / Informaition 단축키 / Shortcut keys Show/Hide UI UI 표시/숨기기 Cmd + \ Pick Color 색상 선택 Cmd + C Search Menu 검색 메뉴 Search Menu 검색 메뉴 Tools / 도구 설명 / Informaition 단축키 / Shortcut keys Move Tool 이동 도구 V Frame Tool 프레임 도구 F Pen Tool 펜 도구 P Pencil Tool 연필 도구 Shift + P Text Tool 텍스트 도구 T Rectangle Tool 사각형 도구 R Ellipse Tool 타원 도구 O Line Tool 선.. 2021. 12. 4. Adobe XD Shortcut keys /단축키 XD 키보드 단축키 단축키 PDF: Adobe xd 키보드 단축키.PDF File menu Action Mac Windows New Cmd + N Ctrl + N Opne Cmd + O Ctrl + O Close Cmd + W Save Cmd + S Ctrl + S Save as Cmd + Shift + S Ctrl + Shift + S Export Batch Cmd + Shift + E Ctrl + Shift + E Export Selected Cmd + E Ctrl + E Export to an intergrated Third-party Application Cmd + Alt + E Import Cmd + Alt + I Ctrl + Shift + I Object menu Action Mac Windo.. 2021. 11. 14. 디자인시스템, 스타일가이드 사례와 모음 (국내, 해외) 디자인시스템이란 웹이나 서비스 디자인에 적용된 디자인 스타일의 규칙이나 가이드 라인을 의미합니다. 공통으로 사용된 컬러, 폰트, 레이아웃, UI 컴포넌트들의 대한 정의라고 볼 수 있습니다. 이러한 디자인 시스템을 정의하고 정확하게 사용하는 것이 디자인작업을 효율적으로 만들고 디자인의 일관성을 유지 할 수 있습니다. 디자인 시스템을 철저하게 만들수록 커뮤니케이션 오류나 변수들의 대한 부분에 대한 수정이 현저히 적어질것입니다. 디자인 시스템은 목적에 맞는 디자인과 효율적인 작업을 위해서 꼭 필요한 부분입니다. 번외로 디자인 시스템이라하면 스타일 가이드나, 디자인 가이드와는 다릅니다. 도출된 컴포넌트를 변형을 하지않는게 디자인 시스템이라고 생각합니다. 디자인 시스템이 필요한 이유 내부 모든 디자이너는 추구하는.. 2021. 10. 16. UI/UX 스터디 사이트 모음 1. UX Archive : 기능과 상황에 따른 ux 플로우를 볼 수 있음 https://uxarchive.com/ UXArchive - Made by Waldo UXArchive the world's largest library of mobile user flows. Be inspired to design the best user experiences. uxarchive.com ux 플로우 라이브러리, mobbin 과 비슷한 역할인듯한데 mobbin 은 상세페이지를 하나하나 클릭해서 봐야 한다면 ux 아카이브는 스크롤 해서 볼 수 있어서 플로를 확인하는 게 더 편하다. 2.Case Study Club : 케이스스터디 관련 저널 인터뷰 등을 제공 https://www.casestudy.club/ Ca.. 2021. 2. 16. 이전 1 2 다음 728x90 LIST
