WWWEB/DESIGN33 아이폰, 아이패드 작업 시 해상도 px기준 아이폰 해상도모델해상도(px)개발기준(px)디스플레이 타입아이폰 5, 5S, SE (1st gen)640×1136320×568Retina아이폰 6, 6S, 7, 8, SE (2nd, 3rd gen)750×1334375×667Retina HD아이폰 6 Plus, 6S Plus, 7 Plus, 8 Plus1080×1920414×736Retina HD아이폰 X, XS, 11 Pro1125×2436375×812Super Retina HD아이폰 XR, 11828×1792414×736Liquid Retina HD아이폰 XS Max, 11 Pro Max1242×2688414×896Super Retina HD아이폰 12 Mini, 13 Mini1080×2340375×812Super Retina XDR아이폰 12, 12.. 2024. 5. 17. 포토샵 pixel aspect ratio correction is for preview purposes only. turn it off for maximum image quality. 간단 해결법 웹에서 이미지를 불러오니 비율이 맞지 않음;; 이상해서 포토샵으로 이미지를 열어보려니까 "pixel aspect ratio correction is for preview purposes only. turn it off for maximum image quality." 라는 경고창이 뜨고, 탭에 보면 [scaled]라고 표시됨. 이는 비율이 다른 프로그램에 의해 비율이 변경이 되어 있어서 그렇다고... 해결법은 "View > Pixel Aspect Ratio > Square" 2024. 1. 1. [Mobile.벤치] 트립닷컴 호텔 UI/UX (feat.webm) 호텔예약 사이트들의 UI/UX는 어떻게 되어있을까? 그 1번째로 트립닷컴의 호텔 예약 사이트를 살펴봄~ 트립닷컴은? 트립닷컴(Trip.com)은 전 세계 4억명의 고객과 45,000명의 직원을 보유한 세계 최대의 글로벌 여행 플랫폼으로 상하이에 본사를 두고 있으며 영국의 스카이스캐너를 계열사로 두고 있다. 뉴욕 나스닥에 상장되었고 시가총액은 약 30조원으로 평가받는다고 한다 (feat.위키) 트립닷컴 호텔 메인 트립닷컴 호텔 상세 2023. 12. 20. Pretendard 웹폰트 적용하기 Pretendard 특징 모양 위에서 서술했듯 Inter에 조금 남아 있는 휴머니스트적인 인상을 네오 그로테스크에 가깝게 다듬었다. 이외로 @나 원 기호—₩ 등을 일상적으로 쓰이는 모습으로 맞추고, San Francisco와 비교했을 때 조금 좁게 보였던 숫자도 폭을 기존보다 넓혀 더욱 자연스럽도록 했다. 글자 높이 Inter는 글자 크기가 11px일 때 가장 또렷하게 보일 수 있게 11px 그리드에서 구조가 잡혀 있는데, apple-system을 바탕으로 구성한 레이아웃이 Pretendard를 쓰는 환경에서도 동일하게 작동할 수 있게 글자 높이를 San Francisco와 맞췄다. 자간 San Francisco Text와 같은 자간 구조를 가진 Inter는 12px 읽기 환경에 맞춰져 있는데, 12px.. 2023. 10. 11. 디자인 시스템 정의 및 가이드 예시 디자인 시스템이란? 디자인 시스템은 디자인 원칙과 중요한 UX 전략에 의해 결합된 UI 구성 요소의 모음으로 사용자 경험 내에서 각 구성 요소가 어떻게 생활하는지에 대한 지침을 제공함. 레고처럼 각 구성 요소를 다양한 조합으로 재사용하여 제품을 빌드하거나 업데이트. 디자인 시스템은 종종 스타일 가이드로 디자인 정보를 포함. 색상, 타이포그래피, 스타일 등 일관된 UI는 전체 디자인 시스템을 가치 있게 만듦. 디자인 시스템 예시 구글(Google)의 머티리얼 디자인 Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps te.. 2023. 9. 7. [Design] 153로지틱스 (#animation #반응형) 휠 스크롤 시 텍스트나 circle 라인 애니, 모션 등 괜찮은 애니메이션이 많이 지루하지 않고 재밌게 구성되어 있는 사이트라 생각됨. 153로지스틱스 상품을 담아 가치를 빚다. 153로지스틱스 홈페이지 입니다. www.153logistics.com 2023. 8. 11. 포토샵 손바닥툴 stuck버그 바쁜 일정 속에 포토샵에서 핸드툴 버그가 발생함... ㅠㅠ 핸드툴은 보통 선택툴에서 스페이스바를 눌러서 화면 이동해서 작업을 하는데, 업데이트 후 스페이스바를 손을 떼도 계속 스페이스바를 누른 것처럼 동작함. 핸드툴을 꾹 눌러서 선택해도 동일한 증상임. 현재 윈도우 10에서 발생하고 있는 듯. Preferences > Tools > Enable Flick Panning, Animated Zoom 위 경로로 들어가서 두 옵션도 꺼보았으나 효과없음 ㅠㅠ 24.5 Hand tool became unusable In 24.5 the hand tool often remains stuck. Holding the spacebar or simply activating the tool, when the mouse but.. 2023. 7. 3. [벤치] 네이버 활용백서 네이버의 PC화면 개편과 함께 어떻게 바꼈는지에 대한 웹 페이지도 따로 제작해놓음. 그 중에서 애니메이션 효과가 괜찮아서 나중에 참고해볼만한 것을 남겨봄~ 비디오로 제작된 메인 비주얼은 이번 PC화면 개편의 컨셉인 모바일 UI를 PC로 가져왔다는 점을 잘 나타내줌. 스크롤이 움직일 때 화면은 고정되고, 안에 아이템들만 움직이는 패럴럭스는 언제봐도 재밌는 요소인 듯~ 카드가 겹치는 듯한 UI 아이디어는 나중에 개인적으로 활용해볼만 함. 네이버 PC 메인 이렇게 새로워집니다! campaign.naver.com 2023. 6. 15. 아이들과 다녀온 호크니 전시회 아이들을 데리고 DDP에서 하고 있는 데이비드 호크니 전시회를 다녀왔음. 데이비드 호크니는 앨런 존스와 함께 20세기를 대표하는 영국 출신의 팝아트 화가라고 함~ 데이비드 호크니 - 나무위키 이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권 namu.wiki ChatGPT에도 물어봄. "데이비드 호크니에 대해 알려줘♡" 데이비드 호크니(David Hockney)는 영국의 화가, 사진작가, 그래픽 디자이너, 스테인드글라스 작가로 유명한 인물입니다. 그는 현대 예술의 중요한 인물 중 하나로 꼽히며, 다양한 장르와 매체에서 활동하였습니다. 호크니는 1.. 2023. 5. 26. 이전1 1 2 3 4 다음 728x90 반응형
