디자인
ADVERTISEMENT
-
디자인
CSS 그리드 레이아웃을 지금 사용해도 정말 괜찮을까
저는 경비행기 조종을 배우고 있습니다. 경비행기 조종을 하면 컴퓨터에서 벗어날 수 있죠. 얼마 전에는 세스나150Cessna 150을 조종하고 있었습니다. 브리스틀 공항에 접근하면서 기체 고도를 낮게 유지하려고 고군분투하던 중, 말 그대로 구름 속으로 빨려 들어가 버렸습니다. 비행 강사는 이렇게 말했습니다. “당신이 잘못한 건 아니에요. 하지만 어쨌든 처리... -
비즈니스
실력이 성공을 좌우하는가
성공이 의미하는 바는 사람마다 다르다. 어떤 이에게는 정말 좋아하는 프로젝트를 하는 것일 수 있다. 어떤 이에게는 많은 부를 축적하는 것일 수 있다. 또 어떤 이에게는 가족과 시간을 많이 보내는 것일 수 있다. 개인마다 성공을 다르게 정의하더라도 성공하려면 타인의 손을 거쳐야 한다는 사실은 같다. 괜찮은 직장을 잡는 것, 혹은 괜찮은 업무를 맡는 것, 자신... -
코드
WebGL을 사용한 애니메이션 및 인터랙션 기법
프로세스 제약사항 이 실습에서는 주로 three.js와 GreenSock 라이브러리를 사용했으며, 3D나 애니메이션 소프트웨어를 사용하지 않고 수기로 직접 코딩했습니다. 실습은 한 번에 큐브 하나씩 캐릭터를 프로그래밍하는 방식으로 진행됐습니다. 주로 코드 값을 미세하게 조정해 비율, 위치 및 전체 렌더링을 수정하려고 했죠. 그리고 최종적으로 사용자 입력 (... -
코드
웹 프로젝트는 PWA이어야 한다
PWA를 잘 설명하는 좋은 무료 콘텐츠도 많지만, 잘못된 정보 역시 만연해 있다. 아마 다음 항목 중 하나 이상은 들어봤을 것이다. PWA를 구축하려면 자바스크립트JavaScript 프레임워크를 사용해야 한다. PWA를 구축하려면 싱글 페이지 앱single page app(SPA)으로 시작해야 한다. PWA는 오직 사용자가 설치할 수 있는 ‘앱&... -
디자인
스케치로 반응형 웹 디자인하기
포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치... -
디자인
Craft 플러그인을 사용해 스케치에서 실제데이터로 디자인하기
스케치로 앱 디자인할 때, 가장 간단하게 데이터 작업을 하는 방법은 바로 InVision의 Craft 플러그인을 사용하는 것이다. 가상의 ‘무비 파인터(Movie Finder)’ 앱을 제작해보며, Craft 플러그인을 200% 활용하여 실제 데이터로 앱에 영화 콘텐츠를 채우고 검색 기능을 제공해보자. ≪스케치≫(웹액츄얼리코리아, 2017)의 저자 ‘크리스티... -
디자인
펭귄랜덤하우스 반응형 웹사이트에서 우리가 배울 점
세계적인 출판사인 펭귄랜덤하우스가 최근 영국판 웹사이트를 전면 개편했다. 펭귄랜덤하우스 사이트는 브랜드 내러티브를 확고히 하는 데 중점을 두었지만, 디테일한 부분에서 좀 더 세심하게 신경을 써야 했다. 웹디자이너디포의 벤지 모스와 함께 이와 관련된 뒷이야기를 알아보도록 하자. -
디자인
내가 하는 일에 대해 바로 알아가기
프로젝트마다 일지를 기록해 보기로 했다. 회사 내부나 고객과의 업무에서 하루 동안 발생하는 사소한 결정들을 모두 한곳에 기록했다. 나 자신을 좀 더 체계적으로 정리해보고자 시작했지만, 이 작업이 주는 몇 가지 이점들을 발견하게 되었고, 내가 하는 일에 대해서도 전반적으로 훨씬 더 잘 이해할 수 있게 되었다. -
디자인
반응형 웹 디자인에서 글줄의 길이와 글자 크기 균형 잡기
모든 법칙은 깨어진다는 것을 명심하라. 얀 치홀트는 그동안의 자신의 작업물에서 중앙으로 글을 정렬시켰던 법칙을 자기 스스로 깼다. 읽기 편한 글자 크기를 위해 이상적인 글줄의 길이는 잊어라. 글자 크기가 (너무 작지 않고) 알맞으면 읽기가 쉽다.
ADVERTISEMENT