Pesto

웹디자인 레퍼런스를 찾거나 아이디어를 얻거나 기깔나는 디자인을 살펴보고 싶은 디자이너가 알아두면 좋을 웹디자인 모음 사이트들. 조금만 돌아다녀도 벤치마킹할 디자인이 많다. Awwwards 내가 가장 처음 알게 된 웹디자인 아카이빙 사이트. 구경하다보면 시간 가는 줄 모른다. 사람들이 웹사이트를 출품하면 디자인, 사용성, 창의성, 콘텐츠 항목을 심사해 수상자를 가린다. 아카이빙된 웹사이트를 보며 영감을 얻거나 블로그 글을 읽거나 코딩, 모션 디자인, 타이포그래피 등 다양한 분야를 배울 수도 있다. https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends Awwwards are the Website Awards that reco..

디자인에 관한 소식을 받아볼 수 있는 뉴스레터를 모아봤다. 디자인을 더 잘 하거싶거나 인사이트를 얻거나 다른 사람들은 어떻게 일하고있는지, 디자인 직군이 궁금한 사람들에게 추천하는 뉴스레터 weekly D 디자인 아티클을 모아 매주 수요일 오전 8시에 보내주는 유익한 뉴스레터. 디자이너가 북마크하면 좋을 사이트도 추천해주고, 작업할 때 듣기 좋은 배경음악을 추천해주기도 한다. 지금도 여기서 추천한 플레이리스트를 틀어두고 글을 적고 있다 ◠‿◠ 구독자 쉼터도 있는데, 구독자가 윜디(뉴스레터 발행인 별명)에게 감사인사를 전하는 이야기가 많다. https://weeklyd.stibee.com/ weekly D 읽어볼 만한 글을 모아서 수요일 오전 8시에 보냅니다. weeklyd.stibee.com 디자인 나침..

https://youtu.be/3TDD_eJ0qOY 디자이너와 기획자 페어 디자이너가 기획서 꼼꼼히 크로스 체크 한마음으로 고민하고 도와주기 급한 이슈 데일리 미팅으로 빠른 현황 체크. 담당자 일정 체크 - 이슈 체크 - 회의 후 일정 확보 노하우 3가지 1. 혼자 고민하는 시간 줄이기 2. 역할을 상황에 맞게 유연하게: 적극적으로 도움. 업무 영역이 겹치는 걸 갈등이 아닌 협업의 기회로 만들기 3. 잘쌓은 신뢰를 바탕으로 한마음으로 일하기 https://youtu.be/yQyQ4myKmdI 확인하는 지표들 - Task 성공율, 만족도 - 사용성, 신뢰도, 만족도, 충성도 조금 더 빠르게 메인 홈에서 자주 찾는 메뉴 확인, 편집 최근 주문한 배달 맛집 검색 후 최근 주문한 가게 노출 잘 찾게 필터 개선 ..

Mobbin https://mobbin.com/browse/ios/apps Mobbin - The world’s largest mobile app design reference library Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots. mobbin.com UI 디자인을 하다 보면 다른 서비스를 찾아볼 때가 많다. 필터는 어떻게 디자인하는지, 모달은 어떤지, 회원가입 플로우는 어떤지 등등 UI 리서치는 끝이 없다. 그런 수고를 덜어주는 웹사이트를 소개한다. Browse 우선 앱 서비스를 분야별로 카테고리를 만들고, 앱의 모든 화면을 확인할 수 있는 Apps를 살펴보자. 음악..

파리의 한 디자이너가 만든 웹사이트로, 앱 스토어까지 가지 않아도 이 웹사이트에서 앱 스크린샷을 확인할 수 있다. 그는 온보딩을 위해 앱스토어 최적화(키워드, 설명, 스크린샷)가 중요하다고 생각했는데, 벤치마크를 찾기 어려워서 직접 만들었다고 한다. UI 패턴을 모아둔 웹사이트인 Mobbin의 팬이라고 밝혔는데, 그가 만든 웹사이트도 그만큼 심플하고 군더더기 없는 디자인과 기능을 갖추고 있다. 앱 스토어를 어떻게 구성하면 좋을지 팁을 알려주기도 하니 한 번 읽어보고 자신의 제품을 다듬으면 좋을 듯 하다. “잠재적 고객에게 당신의 앱을 7초 동안 설명해야 한다고 상상해 보자. 앱 스토어 스크린샷은 새로운 사용자가 보게 될 첫번째 마케팅 자산이다. 기억하게 만들어야 한다.” 원하는 앱을 검색해도 되고, 화면..

나는 거의 모든 것을 스케치를 이용해 디자인한다. 일단 가볍고, 쓰기가 편하다. 빨리 익숙해질 수 있는 툴이라 다른 프로그램은 스케치에 없는 기능을 활용할 때 쓰는 편이다. 스케치를 더욱 편하게 활용할 수 있도록 많은 사람들이 플러그인이라는 것을 만들었다. 레이어 이름을 한꺼번에 바꿀 때, 개발자에게 줄 디자인 가이드를 만들어야 할 때 등등 편의를 위한 기능을 많이 만들어놨다. 안그래도 좋은 스케치를 더욱 쉽고 좋게 만들어줄, 유용한 플러그인들을 소개한다. Zeplin 필수 플러그인. 디자인한 것을 개발자에게 전달할 때, 이만한 툴이 없다. 디자인을 속성값으로 보여주며 따로 가이드에 많은 시간을 할애하지 않더라도 제플린 하나면 가이드라인을 만들기 쉽다. 디자인에 쓰인 컬러와 타이포로 가이드를 쉽게 만들 ..

스큐어모피즘이라는 새로운 개념을 알게되어 소개하고자 한다. 우선 위키백과에서 소개하는 스큐어모피즘의 개념을 살펴보자. "스큐어모피즘(skeuomorphism) 또는 스큐어모프(skeuomorph)란 대상을 원래 그대로의 모습으로 사실적으로 표현하는 디자인 기법으로 3차원적이고 사실주의적이다" (위키백과) 이와같이 스큐어모피즘이란 실제의 모습을 따온 디자인을 말한다. 이 개념을 이해하기 위해서 우리는 스마트기기를 처음 접했을 때를 떠올려봐야 한다. 처음 스마트 기기가 나왔을 때, 그러니까 아이팟을 처음 나왔을 때 아이팟의 아이콘과 내부 디자인은 실제 형태와 많이 닮아있었다. 스티븐 잡스와 애플 부사장인 스콧 포스톨은 스큐어모피즘을 선호했다고 한다. 그들은 어째서 스큐어모피즘 기법을 사용했을까. 디지털 기기..