Skip to content

반응형

  • 디자인
    스케치로 반응형 웹 디자인하기
    포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치...
  • 디자인
    Craft 플러그인을 사용해 스케치에서 실제데이터로 디자인하기
    스케치로 앱 디자인할 때, 가장 간단하게 데이터 작업을 하는 방법은 바로 InVision의 Craft 플러그인을 사용하는 것이다. 가상의 ‘무비 파인터(Movie Finder)’ 앱을 제작해보며, Craft 플러그인을 200% 활용하여 실제 데이터로 앱에 영화 콘텐츠를 채우고 검색 기능을 제공해보자. ≪스케치≫(웹액츄얼리코리아, 2017)의 저자 ‘크리스티...
  • 디자인
    반응형 웹사이트를 위한 검색엔진 최적화
    올해 4월 구글은 모바일 기기에서 검색할 때 모바일에 친화적인 웹페이지가 검색 순위 상위에 노출되게 하는 알고리즘을 적용했다고 공식 발표를 했다. 모바일을 위한 SEO가 필요한 시기가 된 것이다. 이 글에서 브라이슨 뫼니에는 모바일용 SEO의 사례로 디즈니 주니어를 들고 모바일용 SEO에서 꼼꼼히 살펴야 할 중요한 점들을 설명해준다.
  • 디자인
    우리에게 반응형 이미지가 필요한 이유
    반응형 이미지는 영원처럼 길게 느껴지는 시간 동안 웹 개발자들이 뜨겁게 논쟁해 온 주제 중의 하나였다. 내 기억으로는 제이슨 그리스비Jason Grisby가 아마도 너비의 퍼센티지를 줄이는 것이 충분하지 않고, 이미지를 리사이즈해야 한다는 것을 공개적으로 지적한 첫 번째 사람이었던 것 같다. 그는 원본 반응형 데모 사이트에서 적절하게 사이즈된 이미지들을……...
  • 디자인
    레티나(Retina)에 최적화된 디자인하기
    웹액츄얼리팀이 2013년도 회사 목표와 비젼 리스트에 추가로 편입시킨 것이 바로 ‘레티나 디자인 작업’ 입니다. 앞으로 고해상도의 스크린을 탑재한 제품들이 계속 나올 것으로 보입니다.
  • 디자인
    워드프레스, 반응형 웹디자인을 만나다.
    '반응형 웹디자인'은 워드프레스 기반의 디자이너와 개발자인 당신에게 무엇을 의미할까요? 크리스 코이어, 이안 스튜어트 그리고 새라 캐논의 전략과 실제 사용법을 소개하고자 합니다.


맨위로