본문 바로가기

Technology

 (253)
추천! 웹디자인 스타일 가이드 7가지 스타일 가이드의 개념은 ‘패턴 라이브러리’, ‘UI 툴킷’, ‘UI 가이드라인’ 등등 소통하는 방식은 각양각색입니다. 어떤 단어로 소통하는 것은 중요하지 않습니다. 하지만 그 의미는 우리가 통일할 필요가 있는데요. 스타일 가이드는 웹사이트를 만드는 이들을 위한 설명서와 재료라고 할 수 있습니다. 이들은 개발자가 될 수 있으며, 디자이너, 콘텐츠 제작자, 혹은 협력업체의 사람일 수도 있습니다. 스타일 가이드의 의미를 알아봤는데요. 이제는 비교적 잘 만들어진 7가지 스타일 가이드를 소개합니다. 에어비엔비(AIRBNB) 에어비엔비의 UI 툴킷은 폼의 입력필드, 메뉴, 광고와 툴바 등의 가이드를 가지고 있습니다. 특히 흥미로운 것은 그들만의 컬러 테마를 만들어서 보여줬다는 점이죠. 웹디자인은 뎁스와 대비 등 다..
한글이 깨져요 웹서핑을 하다 보면 가끔 읽을 수 없이 깨진 글자들을 만나게 됩니다. 꼭 보고 싶었던 글이 깨져서 볼 수 없었던 기억이 있으신가요? 분명히 제대로 입력한 것 같은데 결과 화면에서는 외계 문자로 보였던 적이 있으신가요? 오늘은 웹페이지에서 문자들 중 특히 우리말 한글이 깨져 나오는 현상과 간단한 해결 방법에 대해 알아보려고 합니다. 1. 꿹쁅쒥뛟, 외계 문자를 만났어요. “인코딩”. 한 번쯤 들어보셨을 겁니다. 웹페이지에서 한글이 깨지는 이유 중 대부분이 바로 이 인코딩 문제 때문입니다. 인코딩은 문자 그대로 “코드를 해석하다”라는 의미를 가지고 있는데요. 도대체 무슨 코드를 해석한다는 걸까요? 우리가 보는 웹페이지는 사실 처음부터 영어나 한글로 저장되는 것이 아닙니다. 어떤 문자가 입력되면 이를 0과 1..
저작권 걱정없이 자료 찾기 간혹 저작권 문제없는 자료가 간절할 때가 있죠. 아주 간단한 작업을 하더라도 쓰이는 사진이나 음원의 저작권이 신경이 쓰이는 경우가 많습니다. 방법만 알면 저작권이 만료되거나 소멸된 저작물, 혹은 저작권자가 자유롭게 공유한 저작물을 찾아볼 수 있습니다. 오늘은 그러한 경로를 몇 가지 소개하려 합니다. #퍼블릭 도메인 알기어떤 조건에도 제약 없이 쓸 수 있는 콘텐츠를 찾고 싶다면 퍼블릭 도메인을 찾으면 됩니다. 우리나라에서는 '공유저작물'이라고 부르기도 합니다. 퍼블릭 도메인은 저작권자가 저작권을 포기하거나 저작권 보호기간이 지난 저작물, 법 규정으로 저작권이 소멸한 저작물을 말합니다. 크리에이티브 커먼즈(Creative Commons)는 퍼블릭 도메인을 뜻하는 CC0(Creative Commons Zero..
스마트폰으로 전문가처럼 사진찍기, 다양한 사진앱을 소개합니다 사진기도 유행을 타고 발전해왔습니다. 디지털카메라, DSLR, 폴라로이드, 미러리스, 액션캠 등등 흐름에 맞춰 다양한 카메라들이 등장 유행했습니다. 최근에는 스마트폰의 눈부신 발전으로 스마트폰 애플리케이션(앱)으로도 다양한 카메라의 효과를 가질 수 있게 되었습니다. 넘쳐나는 사진 애플리케이션, 그중에서도 전문가처럼 멋있는 사진을 찍을 수 있는 유용한 애플리케이션을 소개해드립니다. Analog Tokyo (Analog 시리즈)아이폰 애플리케이션 / 유료 (1.09달러) 최근 인기를 끌고 있는 사진 보정 애플리케이션 Analog Tokyo, Wedding, Beijing, Portland, Jeju 시리즈입니다. 아날로그 필름의 감성을 가질 수 있는 보정애플리케이션입니다. 이름과 걸맞게 해당 느낌이 나는 필..
보기 좋은 약관이 읽기도 좋다. 회원 가입을 하려면 꼭 만나게 되는 약관, 모든 내용을 자세히 읽어본 적이 있으신가요? 아마 많지 않을 것입니다. 대부분의 약관이 읽기조차 힘든 형태이기 때문이죠. 그러다보니 대부분 회원 가입할 때 약관을 제대로 확인하지 않게 됩니다. 사용자가 약관을 제대로 확인하지 않으니, 약관의 가독성을 소흘히 하는 것은 자연스러운 현상일지도 모릅니다. 하지만 서비스 제공자에게는 약관을 제대로 전달할 의무가 있습니다. 도대체 무슨 말인지 이해하기 어려운 약관을 보여줘놓고, 사용자에게 읽고 동의하고 책임지라고 할 수만은 없는 노릇이죠. 안그래도 어려운 약관, 어떻게 하면 이해하기 쉽게 전달할 수 있을까요? 인포그래픽 활용하기 시각적인 요소를 활용하면 메시지를 훨씬 더 효과적으로 전달할 수 있습니다. 더군다나 그 메시지..
개방형 문서 표준 ODF 개방형 문서 표준(Open Document Format for Office Applications, 이하 ODF)은 스프레드시트, 프레젠테이션, 데이터베이스, 워드 프로세서를 비롯한 사무용 전자 문서를 위한 파일 형식입니다. 이 생소한 약어인 ODF는 작년에 안전행정부에서 기존 민원신청서 등에 ODF를 적용하여 문서의 표준화를 꾀하겠다는 발표를 하면서 국내 언론에 오르내리기 시작하였습니다. ODF는 간단히 말하면 오피스 문서 포맷의 일종입니다. 마이크로소프트(이하 MS) 오피스 등과 유사한 기능을 제공하는 오픈소스 프로그램인 '오픈오피스(OpenOffice)'의 파일 포맷이 그 기원입니다. 그것을 바탕으로 OASIS(Organization for the Advancement of Structured In..
디자이너가 아니어도 괜찮아! 글꼴 다루기 보고서, 이력서, 기획서, 안내문, 초대장, 프레젠테이션…. 우리는 일상 속에서 수많은 문서를 만듭니다. 보기 좋은 문서와 그렇지 않은 문서의 차이를 만드는 데는 여러 요소가 있을 텐데요, 그 중 중요한 것이 바로 글꼴이라는 것을 아시나요? 김은영 디자이너의 책 '좋은 문서디자인 기본 원리 29'는 디자이너가 아닌 사람들도 보기 좋은 문서를 만들 수 있도록 문서디자인의 원리를 이해하기 쉽게 설명합니다. 그중 글꼴을 고르고 다루는 방법은 디자인을 전공한 저에게도 기본기를 확인하게 하는 유익한 내용이었는데요, 지금부터 몇 가지를 공유합니다. 첫째, 문서의 내용과 분위기를 고려하여 글꼴을 선택한다. 같은 내용, 같은 색상이지만 글꼴을 바꾼 것만으로 글의 인상이 바뀝니다. ①과 ②는 공식적이며 개인적 감정이 느..
홈페이지 방문자 수를 늘리기 위한 7가지 팁 이 글은 디자인 에이전시 Digital Telepathy의 "7 Signs Your Website Design Is Bad for Business" 글을 "홈페이지 방문자 수를 늘리기 위한 7가지 팁"이라는 제목으로 번역하고 일부 수정하여 작성하였습니다. 하루에도 수십 개의 홈페이지가 개발됩니다. 살펴보면 비슷한 형태와 구성의 웹사이트들을 많이 볼 수 있습니다. 왜 그럴까요? 각 회사의 특징이 다를 텐데 말이죠. 다양한 프로젝트를 진행하면서 접하는 여러 클라이언트의 요구는 이렇습니다. 다양한 콘텐츠를 웹사이트 메인에 모두 드러내 주세요. 그렇다면 그 콘텐츠를 방문자가 다 읽어보고 클릭할까요? "(사용자를) 생각하게 하지마!" 도서에는 이런 내용이 있습니다. 제작자는 사이트가 "훌륭한 작품"이 되기를, 아..

티스토리툴바