웹디자인 썸네일형 리스트형 왜 플랫디자인인가. 안녕하세요 키다리디자이너입니다. 오늘은 플랫디자인에 대해 또 써보려고 합니다. 현재 우리 웹디자인 트렌드는 플랫 디자인이 피씨 모바일 할 것 없이 플랫 디자인이 대세가 되었습니다. 외국은 물론이고 우리나라도 거의 대부분의 사이트를 플랫디자인 스타일로 디자인 되고 있습니다. 일반 기업 홈페이지부터 뉴스, 금융, 음악 등 분야를 가리지 않고 하나의 디자인 스타일을 추구하고 있죠. 플랫스타일 디자인의 본격적인 시작이라 할 수 있는 MS사의 Windows8 (하지만 해외에서는 이전부터 많이 사용되어 왔습니다.) 이렇게 전례 없이 모든 사이트가 하나의 스타일을 추구하게 된 이유가 뭘까요. 플랫디자인스타일이 단순히 유행이라서? 아니면 예뻐서? 여러가지 이유가 있겠지만 이것은 언젠가는 나타나게 될 현상이 아니었을까 .. 더보기 웹디자이너가 개발자와 협업하기 안녕하세요 키다리디자이너입니다. 웹디자인 일을 하다 보면 가장 많은 갈등을 겪게 되는 사람들은 누구일까요. 기획자나 영업자 등 여러가지 분야의 사람들과 같이 일하게 되지만 가장 마찰을 겪기 쉬운 사람들은 개발자가 아닐까 합니다. 만약 기획자가제 역할을 못하거나 고집이 세다면 기획자와 마찰이 많을 수도 있겠지만 평균적으로 디자이너는 개발자와 가장 트러블을 겪는 것을 많이 봅니다. 오늘은 웹디자이너로써 개발자와 협업하는 방법을 생각해 볼게요. 당연한 이야기지만 개발자도 다른 직군의 사람들과 마찬가지로 다양한 성격의 사람들이 있습니다. 당연히 각자 일하는 스타일이 다르고 문제가 생겼을 때 해결하는 방법도 다 다릅니다. 하지만 분명 개발자들에게는 그들만의 공통적인 특징이 있습니다. 개발자들은 본인의 기술로써 몸.. 더보기 2014 브라질 월드컵 문양(패턴) AI 안녕하세요 키다리디자이너입니다. 2014년 브라질 월드컵이 약 두달 앞으로 다가왔네요. 많은 회사들이 브라질 월드컵을 위한 디자인을 많이 하실거라 생각되는데요, 오늘은 브라질월드컵 문양(패턴) 디자인파일을 공유하려고 합니다. 저도 해외 공유사이트에서 다운로드 받은거라 저작권 문제에 대해선 확답을 못 드리겠습니다. 만약 문제의 소지가 있다면 자료 삭제하겠습니다. 축구공 다운로드 패턴 다운로드 더보기 웹디자이너의 자격 안녕하세요 키다리디자이너입니다.오늘은 웹디자이너의 자격에 대해 알아 볼게요. 결론부터 말씀드리면 웹디자이너의 자격 요건은 없습니다.이전 글에도 작성한 바가 있지만 이 직업은 진입장벽이 낮은 편에 속하고 누구나 도전할 수 있는 업종이죠.그렇기 때문에 많은 사람들이 이 업종에 발을 들이는 것 같습니다. 실제로 주위를 둘러보면 의외로 한번쯤 웹디자이너, 혹은 코더 일을 해본 사람이 많이 있습니다.저도 웹디자이너로 일하다 보면 '나도 옛날에 디자인 좀 해봤는데'라는 말을 하는 사람을 수 없이 만나봤죠.그들을 포함한 "한 때 디자인 좀 해 본 사람들"이 지금은 왜 웹디자인을 그만 두었을까요.아니 그만두었다기 보다는 웹디자이너를 포기한 사람들이라고 하는 게 정확하겠네요. 어차피 수박 겉핥기 수준이니 독학하셔도 됩니.. 더보기 웹디자이너의 전망 안녕하세요 키다리디자이너입니다. 오랫만에 포스트를 남기는데요, 오늘은 웹디자이너라는 직업에 대해 전망과 현실을 알아보도록 할게요. 웹디자이너.. 저도 이전 포스트들에도 썼고 많은 웹디자이너들이 한결같이 이야기 하듯 별 볼일 없는 직업입니다. 아니 더 정확히 말하면 힘들고 어렵지만 그 어느 직군 못지 않게 박봉인 사람들이죠. 이것은 저 개인의 의견이 아닌 많은 사람들의 통념이라는 것 또한 아실 것입니다. 그렇다면 웹디자이너의 앞으로의 전망은 이대로 계속 어둡기만 한 걸까요? 2천년대 초반 김대중정부 시절 IT산업(이 포스팅에서는 IT산업을 소프트웨어, 웹관련 업체로 제한합니다.)을 주요 국책사업으로 육성책을 펴며 IT인력을 대거 양성하기 위한 정책을 시행한 적이 있습니다. IT관련 기술만 습득하면 미래에는.. 더보기 안드로이드앱 디자인을 위한 나인패치(9patch) 이미지를 만들어 보자. 안녕하세요 키다리디자이너입니다. 오늘은 나인패치(9 patch)이미지에 대해 포스팅 할게요. 나인패치이미지란 안드로이드 환경에서만 사용하는 특수한 이미지 형식입니다.(거의 안드로이드 앱을 만들때 사용됩니다.) 이미지를 늘릴 때 늘어날 부분을 따로 지정할 수 있구요 그 안에 들어갈 내용에 대한 영역을 지정할 수도 있어요. 예를 들어 볼게요. 위와 같은 말풍선 이미지를 일반적인 방법으로 늘릴 경우 위처럼 보기 싫게 늘어나게 됩니다. 어떤가요? 두번째 이미지가 자연스럽게 가운데 부분만 늘어나서 더 보기가 좋죠 나인패치는 이런 특수한 경우를 위한 포맷입니다. 나인패치 이미지는 이런 형태로 만들어져 있습니다. 윗쪽과 왼쪽에는 1px의 검정 라인으로 늘어날 부분을 지정하고 오른쪽과 아랫쪽에는 마찬가지로 검정 라인으.. 더보기 스타일시트로 애니메이션 효과를 낼 수 있어요 CSS Animation 안녕하세요 키다리디자이너입니다. 오늘은 jQuery나 자바스크립트 등을 이용하지 않고 CSS만으로도 간단한 애니메이션 기능을 구현할 수 있는 방법을 소개해 드리겠습니다. CSS3의 transition을 이용하면 지정된 시간과 속도로 단순히 CSS의 속성을 부드럽게 전환할 수 있는데요, animation은 이것보다 더 구체적이고 다양한 애니메이션 효과를 낼 수 있으니 잘만 사용하면 코딩할 때 개발자에게 아쉬운 소리 할 일도 적어지겠죠? 기본 규칙 CSS애니메이션은 ‘@keyframes 애니메이션이름(식별자)’를 사용하여 애니메이션이 수행되는 동안 정해진 지점에 속성을 줍니다. 그리고 'keyframes'식별자는 해당되는 CSS속성에 직접 영향을 미칩니다. 더 쉽게 말하자면 애니메이션이 10초간 재생되면 1.. 더보기 배달어플 배달의민족 vs 요기요앱 비교해 보기 안녕하세요 키다리디자이너입니다. 오늘은 배달어플 배달의민족과 요기요앱을 비교해 보는 시간을 갖도록 하겠습니다. 많은 배달 어플이 있지만 위 두개가 가장 유명한 것 같고 제가 사용해 본 앱이 둘 뿐이라 둘로 정했습니다. 나중에 다른 어플도 깔아 비교해 보도록 하겠습니다. 테스트환경은 저의 2년9개월된 아이폰4입니다;; 먼저 두 앱의 차이를 본다면 전혀 다른 컨셉과 디자인이 눈에 띕니다. 시장을 먼저 선점한 어플이 있다면 후발주자의 어플들은 그것을 따라하는 경향을 많이 보이는데 이 두 앱은 얼핏 같은 듯 하지만 다른 부분이 많이 있습니다.(저는 어떤 게 먼저인지 모르겠습니다.) 1. 인트로 인트로 화면입니다. 인트로 그래픽에서부터 두 어플은 디자인 컨셉의 차이가 많다는 것을 보여줍니다. 인트로는 앱을 처음 .. 더보기 반응형웹/적응형웹 사이트 레이아웃 살펴보기 안녕하세요 키다리디자이너입니다. 반응형웹사이트를 만들기 위해서는 기획단계부터 기술검토까지 많은 고민이 필요합니다만, 그 중 가장 중요한 것은 어떤 컨텐츠를 어떻게 배치하고 브라우저 사이즈가 변할때마다 그것을 어떻게 재배치할 것인지가 아닐까 합니다. 고정된 레이아웃을 가진 웹사이트와 달리 반응형웹사이트는 레이아웃 변화에 웹사이트의 전략이 담겨야 하니까요. 오늘은 몇가지 반응형웹/적응형웹사이트들의 브라우저 크기에 따른 레이아웃 변화를 살펴보도록 할게요. 이것은 제가 가볍게 살펴본 후 레이아웃에 임의로 번호를 매겨본 것이구요, 그것의 코딩까지는 자세히 살펴보지 않았다는 것을 미리 말씀드립니다. 1. 반응형웹 사이트 반응형웹사이트와 적응형웹사이트의 차이를 미리 말씀드리고 넘어가자면 사이트를 띄운 후 브라우저 가.. 더보기 구글 검색엔진에 최적화 하기 안녕하세요 키다리디자이너입니다. 요즘에는 많은 사람들이 네이버를 탈피해 구글에서 정보를 검색하는 경향을 많이 보이고 있습니다. 그만큼 구글의 검색은 더 신뢰도가 높고 정확한 검색 결과를 제공한다는 뜻이기도 합니다. 키다리디자이너도 검색은 거의 구글에서 하고 있습니다. 최근 네이버가 검색엔진을 새로 적용해 검색결과가 다소 깔끔해진 느낌이지만 이전에는 검색결과가 아주 가관이었습니다. 네이버에서 검색을 하면 검색결과는 사이트든 블로그든 카페든 거의 광고성 게시물로 도배가 되어 있어 정보에 대한 신뢰는 추락하고 정말 원하는 정보는 찾기 힘들었죠. 국내 1위 사이트가 이런 수준이니 나머지는 말 할 필요도 없구요. 사실 이 문제는 인터넷 컨텐츠의 모든 것을 광고와 돈벌이의 용도로 사용하는 기업과 카페/블로그 운영자.. 더보기 이전 1 2 3 4 다음
