User interface의 애니메이션 & 트랜지션

http://story.pxd.co.kr/865  pxd 팀블로그에 쓴 글 최근 모바일 앱이나 모바일 웹, 웹사이트에서는 화면 요소의 애니메이션이나 트랜지션 효과(*이하 UI 애니메이션)들이 많아지고 있습니다. 메뉴를 불러오는 것에서부터 시작해서, 페이지를 전환할 때, 혹은 토글버튼 같은 디테일한 부분에도 효과들이 들어가죠. pxd story에서 소개한 적이 있는 pull-down refresh는 그 대표적인 사례라고 할 수 있습니다. 이를 통해 UI 애니메이션은 시각적인 즐거움을 넘어서 기능을 올바르게 표현해줄 수 있는 수단이라는 것을 생각해볼 수 있습니다. 그리고 이런 UI 애니메이션들도 패턴화 되어가고 있습니다. UI 애니메이션, 요즘 유행하는 트렌드 요즘 Dribbble에서는 이런 UI 애니메이션을 Read More…

[팁] 업무에 에버노트 ‘사진찍기’ 기능 활용하기

. http://story.pxd.co.kr/798 pxd 팀블로그에 쓴 글 오늘은 간단한 팁을 공유하려고 합니다. 업무에 에버노트를 활용하는 것인데요, 에버노트에 대한 전반적인 내용은 아니고 ‘사진찍기’ 기능만 말씀드리려고 합니다. 에버노트 모바일 버전에는 ‘사진’, ‘문서’, ‘POST-IT 노트’ 총 세 가지의 사진찍기 모드가 있는데, 모드는 각각의 목적에 최적화 되어있습니다.   1. 사진 찍기 기본적인 사진 찍기 기능입니다. 사진을 찍어 에버노트로 저장하는 것으로 따로 설명이 필요 없을 것 같습니다.   2. 문서 찍기 에버노트가 몰스킨과 함께 작업하며 새롭게 추가된 기능입니다. 예전에 에버노트용 몰스킨 노트북을 선보이며 몰스킨 노트를 간편하게 Read More…

맥락에 따른 썸네일 리스트 방식

http://story.pxd.co.kr/763 pxd 팀블로그에 쓴 글 스마트폰이 주류가 되며 사용자들이 이미지를 찾거나 보거나 관리하는 습관이 많이 바뀌게 되었습니다. 저도 어떤 이미지를 찾기 위해 휴대폰으로 검색을 해본다거나, 아니면 내 취향의 새로운 멋진 이미지가 있는지 찾아보거나, 아니면 이전에 찍었던 사진을 다시 보거나 하는 일을 종종, 일상적으로 하게 되었습니다. 그리고 이런 패턴에 맞추어 여러 이미지 관련 앱들에서 썸네일 이미지(이하 썸네일) 리스트를 표시하는 방식도 다양해지고 있습니다. 그래서 어떤 사용 맥락에 어떤 썸네일 리스트 표시 방식이 적합할까 알아보려고 합니다. 이전에 블로그에서 유사한 주제로 무이님이 ‘[하이브리드 이미지 Read More…

느릿느릿 커뮤니티

http://story.pxd.co.kr/564  pxd 팀블로그에 쓴 글   담장이 있는 장소, 담장이 없는 장소. 느슨한 주제가 있는 게시판, 온동네 얘기가 있는 게시판. 느릿느릿 달리는 댓글, 허겁지겁 올라오는 글들. 생각이 담기고 이야기가 있는 글들, 글자만 있고 일반론만 되풀이하는 글들. 일상의 풍경을 예쁘게 담아 소소한 마음을 전하는 글들, 모래가루를 움켜잡고 후광을 좇는 링크들. / 멋진 일요 산책 회 올해 봄이 시작될 즈음 친구가 페이스북에 ‘일요산책회’라는 비공개 그룹을 만들었습니다. ‘만나지 않는 산책회’라는 설명과 함께, 주변 친구들을 초대하고 주변 친구가 또 다른 친구를 초대하여 아직까지는 50명이 조금 Read More…

기초제품디자인 수업 제출문서 프롤로그

2007 서울시립대학교 산업디자인학과 공업디자인 전공 너무많은 내용들을 정리해놓은 수업 필기들. 다른 전공에 비하겠냐만은, 이 많은 것들을 버려야 할지, 가지고 있어야 할지 고민이 많다. 하지만 이렇게 두둑해진 종이들을, 다시 한장 한장 꺼내볼 시간은 거의 없을 것이 확실하므로, 블로그에 정리한다. 기초제품디자인 최종 제출문서 프롤로그로 적었던 글 디자인의 본질. 1년 반 동안 디자인을 공부하면서 개념을 이해해 가고 있지만 아직까지는 생각이 제품, 도구의 디자인에 머물고 있습니다. 하지만 다양한 것들을 알아간다면 제품디자인에 대한 생각도 깊어질 것이라 생각합니다. 디자인의 본질은 나무의 그것과 비슷하다고 봅니다. 나무는 우리에게 Read More…