본문 바로가기

Design

 (83)
구글과 네이버의 문화에 따른 웹디자인의 차이 [알쓸신잡] 비단 구글과 네이버뿐만이 아니고, 외국의 홈페이지는 간결하면서도 [선택지>선택지]로 홈페이지가 넘어가는 반면, 우리나라의 홈페이지는 한눈에 모든 정보가 모여 소비자로 하여금 선택지를 찾게 끔 만들어 놓고 있습니다. ​ 우리나라에서는 정례화되어서 "이 홈페이지는 너무 간결하다~"라는 이야기보다는 "뭐야~ 홈페이지에 왜 이렇게 내용이 없어?"라고 반문을 묻는 반면, 외국 홈페이지에는 깔끔하고 심플한 메뉴. 선택지에서 다른 선택지로 내가 필요한 정보만을 나열하여 보게 끔 만든 것이 대부분이라.. 한상차림에서 연결되는 웹디자인 에피소드가 흥미롭네요 :-)
임대형 홈페이지와 무료 홈페이지란? 개인적인 또는 기업들이 홍보를 하거나 상품을 온라인상으로 판매를 하는등의 목적을 가지고 홈페이지를 운영해야 할 때에 전문적인 지식을 대신해 간단한 회원가입과 로그인 만으로도 관리자계정과 관리자 툴을 가지게되어 홈페이지를 오픈하고 제어하며 운영 할 수 있는 것을 말합니다. ​ 회원가입만으로 상품을 판매할 수 있는 홈페이지를 만들 수 있는 까페24,고도몰,네이버 오픈마켓 등으로 분류되는 오픈마켓 홈페이지와 원하는대로 튜닝을 할 수 있지만 개발적 언어가 필요한 가비아등의 호스팅형 홈페이지를 예로 들 수 있습니다 ✨필수적인 사항 임대형이나 무료 홈페이지를 운영할 때 필요한 관리자 페이지등을 제공받을 수 있기 때문에 개발용어를 몰라도 레이아웃을 수정하거나 테마에 맞게 디테일한 분류 설정이 용이하지만, 튜닝이나 차..
앱디자인과 웹디자인에 쓰이는 툴 웹디자인에서 모바일 디자인으로 또는 앱 디자인으로 시대가 발전하면서 생기는 직업군에 따라 그래픽 툴도 많이 바뀌고 있는데요, 저 또한 현재는 웹디자이너에서 앱디자이너로 포지셔닝을 바꾸어 업무를 진행하고 있어, 업무로 주로 쓰고 있는 툴을 기록해 보려 합니다. 🔨 포토샵에서 프로토타입으로의 세대교체 예전 1,2세대 웹디자인에는 화려하면서 눈길을 끌 수 있고, 없는 이미지를 바로 합성 할 수 있으며, 레이어 기능과 레이아웃등을 한 번에 할 수 있는 맥가이버 칼 같은 역할로 포토샵툴을 사용해 디자인을 전부 대응했다면, 지금은 다양해진 기기에 디자인을 제공해야 하기 때문에 반응형 디자인과 앱디자인의 경우 SVG형식의 벡터 아이콘 방식을 숙지 해야되며, 포토샵 하나의 툴로만 대응하기 보다는 프로토타입툴을 적극적으..
진실의 순간이란? MOT (moment of truth) MOT (Moment Of Truth) 고객이 상품 및 서비스를 접한 순간 흐름이 끊이지 않으며 서비스를 끝까지 이용하기 까지의 여정 1. 많은 정보의 홍수 속 인터넷에 이어 모바일로 단숨에 간편한 생활로 윤택함을 느낄수 있는 요즘 많은 브랜드들이 항상 고심하고 발전시키는 키워드를 하나 소개하려 합니다. ​ 바로 MOT인데요, ​ 호텔에서 묵게 될 경우 입구부터 프론트를 거쳐, 객실까지 안전하게 안내받아 숙박을 하기까지의 여정과 같이 물 흐르듯 서비스를 제공받는 느낌을 말합니다. 2. 우리가 생을 살아갈때에 A와B중 많은 선택을 하게되는것처럼 많은 상품과 서비스를 접하게 되는 순간, 모든것은 진실의 순간과 마주한다는 내용입니다. ​ 예를 들어 ​ 산골마을 저수지에 물길을 내서 마을에 공급하는 논우물을 만..
퀴어영화 쉘터 와 컬러이야기 [Green&Olive] 2000년 초반의 영화인 쉘터의 컬러배치에 관한 감독의 이야기를 근래들었다. 미술을 전공한 감독이 주인공 둘의 이미지에는 무조건 올리브계열&그린계열의 색이 들어가야한다는 전제하에 촬영에 임했다는것. ​ 큐트 러블리 기타를 배제한 고뇌와 성장 가족에 맞추어져있다. ​ 의도적이면서 의도하지않은 컬러배치 올리브&그린를 썼다는것에 의미가 크다 ​ 배경에는 해당색이 빠지지않도록 노력했다는 후문 ​ 여담이지만 둘다 스트레잇입니다^^ 트레버는 여자친구까지있고 브래드는 이미 결혼해서 딸까지있는 아빠랍니다~ (연기력하나는 끝내주는것같아요) 악세사리에 관심이 많아 영화 내내 계속 면밀히 보다가 다시한번 자세히 보게된 대표적인 Symbol (올리브 팔찌)를 착용하고있었던 트레버 간간히 주인공이 그리게되는 그래피티와 보여지게..
무료 이미지 라이센스 사용시 주의해야 할 4가지 검색으로 쉽게 찾아볼 수 있는 무료 이미지 라이선스들은 무료이지만 무료가 아닐 수도 있습니다. 하지만 잘 사용하면 상업용으로도 얼마든지 사용할 수 있는 좋은 컨텐츠들이 많은데요. 라이선스를 사용할 시에 주의를 해야되는것들을 몇가지 간단하게 알아보겠습니다. 1) 무료나 유료로 접하는 모든 컨텐츠는 창작권을 넘기는 절대적 의미의 컨텐츠가 아닙니다. 상업적으로는 사용이 얼마든지 허가되었지만, 회사를 대표하거나 본인이 컨텐츠의 주인임을 말할 수 없습니다.(예- 로고,심볼) 이러한 경우 라이선스 전문이 무료 컨텐츠등에 압축파일로 포함되어 있습니다. 2) 무료 이미지를 그대로 이용해 재판매로 수익을 창출할 수 없습니다. 이 라이선스의 전문 내용은 무료로 제공하는 컨텐츠들이 지향하는 바이기도합니다. 무료 라이선스를 ..
홈페이지를 검색에 등록하는법 네이버,구글,다음등의 검색포털은 전 세계에 퍼져있는 홈페이지를 어떻게 찾아내고 문제가 있는지 판단할까요? ​ www라는 방대한 세계의 웹 연결망을 통해서 각각의 소프트웨어 로봇을 통해 홈페이지의 유무를 판단합니다. ​ 홈페이지 전체를 보여줄 수도, 일부만 보여줄 수도, 검색엔진에서 해당이 되지않게 만들어 줄 수 있습니다. ​ 사용자가 언제든 원하는대로 말이죠. 이것이 홈페이지를 운용함에 있어 첫 관문입니다. ​ START 저번 시간에 배웠던 임대형과 직접 제작하는 홈페이지의 무,유료의 차이점과 장단점을 살펴보았는데요 임대형은 관리자에서 검색노출을 위한 가이드가 사이트내에 별도로 제공되는 반면 제작형은 검색노출을 위해 직접 설정을 하셔야 하는데 ​ 이 때 도움을 줄 수 있는것이 네이버의 서치어드바이저나 구..
홈페이지 제작에 대한 두가지 방법 지난시간에 홈페이지를 제작하기 위해 환경과 기술적 요인을 알아보았는데요 환경적요인에는 인터넷주소(도메인주소)를 필수로 구입​해야한다는것을 배웠습니다. 기술적요소(서버와 언어)를 마련하는법에 대해 좀 더 알아볼게요 ​ 홈페이지를 제작하기 전에 상품이나 컨텐츠의 성격을 먼저 파악하는것이 중요한데 쇼핑몰인지? 회사 소개 사이트인지? 제품의 소개 사이트인지? 등등.. ​ 이 과정을 통해서 간단하고 심플하게 작업을 하면 되는지 메뉴별로 복잡한 구성을 해야하는지의 선별작업을 먼저 끝내셔야 합니다 ​ 선별작업을 끝내셨으면 이제 홈페이지를 만드셔야 겠죠? 첫번째는 임대방식 제작입니다 제작에 관련된 기술을 모르기 때문에 만들어진 홈페이지를 임대하는방식으로 유료와 무료에 따른 서비스 요금의 차이가 있고 두번째는 직접제작 ..

티스토리툴바