본문 바로가기

반응형

Design

(113)
피그마의 장점과 단점, 유료와 무료 차이 기존에 어도비 XD로 와이어프레임을 사용하거나 포토샵으로 앱, 웹디자인을 하는 분들은 자유롭게 편집하고 와이어프레임과 디자인, 개발까지 모두 어우를 수 있는 피그마라는 툴이 등장하면서 웹에서 사용하는 간편함을 무기로 무한한 확장성과 편리함에 매료를 느낀 사람의 입소문을 타면서 빠르게 업무를 대체하는 툴로서 자리매김했는데요. 피그마 툴로 업무를 사용 시에 장점과 단점을 알아보도록 하겠습니다.  장점1. 큰 작업화면에서 주어지는 작업의 효율성어도비에서 웹디자인과 앱디자인의 작업을 하기 위해서는 직접 지정된 캔버스를 만들고 그 안에서만 작업이 가능한 느낌이었는데, 캔버스의 영역이 무한대 처럼 느껴지는 큰 작업 화면은 디자이너가 구성하고 싶은 대로 디자인할 수 있는 장점을 가지고 있습니다. 페이지 내에 별도의 ..
전세 계약시 체크리스트 총 정리 LIST전세란??금리가 전세에 미치는 영향전세사기 피해자로 인정받기 위한 요건전세 입주 시 순서 체크하기마무리  1. 전세란??우리나라에만 있는 독특한 거주형태의 하나인 전세는 다달이 돈을 내는 방식이 아닌 큰돈을 집주인에게 맡긴 다음 월세를 내지 않고 거주하는 형태를 이야기합니다. 매매를 하지 않고 집을 빌려서 잠시 거주하는 형태를 이야기하는데, 집주인의 입장에서는 세입자에게 받은 돈을 2년 정도 예금에 묵혀뒀다가 세입자가 다른 집으로 이사 갈 때 고스란히 그 돈을 돌려주는 집주인은 그다지 많지는 않습니다. 대부분 부동산이나 주식 등 대부분 투자금의 목적으로 운용을 해서 돈을 굴리는 편이죠. 그래서 금리가 낮을 때는 대출에 대한 부담이 없기 때문에 기존 전세 세입자가 나가고 새로운 세입자가 들어오게 되..
포토샵 ai 보정하기, 자동보정 기능 generative fill 아직은 베타버전이지만 곧 혁신적으로 일상을 채우게 될 포토샵의 새로운 기능 generative fill이 포토샵 베타버전에 적용되었습니다. 옛날에는 보정을 위해 반복으로 자르고 붙이는 작업들을 이제는 알아서 해주게 되었네요. ai 기반으로 영역을 생성하거나 삭제해 주는 시스템입니다. 확장된 캔버스의 부족한 부분 채우기불필요한 부분 보정하기사용하고 싶은 이미지 불러오기 말만 들어서는 생소할 수 있습니다. "응?? 저거 원래 간단히 배경 맞추고 부족한 부분 채우면 되는 거 아냐??", 또는 그냥 힐링툴이나 이동툴로 잡아서 늘리는 게 더 편할 수 있을지도 모르는 생각을 하시게 될 수도 있습니다. 저 또한 그랬으니까요. 그냥 선택툴로 영역을 선택해 버튼 한 번에 알아서 자동으로 영역이 채워지고, 삭제했으면 하는..
어도비 포토샵 초급 디자인 가이드 (adobe photoshop design guide) 자르고, 붙이고, 효과주고, 그리는 이 4가지 단어로 모든게 설명가능 한 포토샵 툴은 맥에서 기반해 탄생한 프로그램으로 어느덧 우리와 함께 한 시간이 20년이 지났을 만큼 역사가 깊은 툴이면서 대중적으로도 유명해진 프로그램 입니다. 최초로는 이미지의 합성과 보정만을 위한 툴이었지만 캔버스와 레이어라는 뼈대를 통해 다양한 그래픽 소스를 만들거나 가이드를 가져와 웹디자인을 통해 홈페이지를 만드는 등의 확장성을 보이는 중입니다. 그러면서 추가적으로 유틸리티를 생성해 설치하는 등의 부가적인 산업을 창출하였고, 다양한 연동성을 지원합니다. 기본적인 기능을 더욱 탄탄하게 만들어 사용하는 사람으로 하여금 쉽게 다가갈수도 있고 전문적인 효과도 사용할 수 있습니다,    해당 디자이너 편집디자인 웹디자인 앱디자인 그래픽..
누락된 글리프 보호 기능이란? (Enable Missing Glyph Porotection) 텍스트,폰트 입력 중에 굴림체로 변경되는 현상 해결하기 포토샵에서 텍스트를 입력하는 중에, 간혹 굴림체로 변경되는 경우를 종종 겪으시는 분이 많은데, 이와 같은 현상이 단순히 내가 잘못해서(?), 포토샵을 너무 오래 써서(?) 생기는 단순 오류로 생각하시는 분들을 위해 준비 했는데요, 특히 그래픽 툴에서 많이 일어나는 이 현상은 종종 볼 수 있는 현상입니다. 포토샵이나 일러스트에서 글씨를 쓸 때 기본 폰트를 사용할 때가 아닌 셋업 폰트나 신규로 오픈된 이쁘고 멋진 폰트를 사용하다가 겪는 현상인데, 글을 잘 쓰다가 특정 글 패턴에서 종종 굴림체로 강제로 바뀐 뒤, 기존에 적용하고 있던 신규 폰트로 아무리 바꾸려고 해도 굴림체로 고정되어 바뀌지 않는 현상. 다들 한 번씩은 겪어보셨으리라 생각됩니다. 이유는 ..
RGB도 뮤직비디오가 될 수 있습니다. YOASOBI - 三原色소설을 기반으로 음악을 만드는 프로젝트 일본 그룹 요아소비(YOASOBI)의 그래픽 컬러 RGB를 기반으로 만들어진 노래 삼원색입니다. 각각의 성격을 지닌 독특한 캐릭터들이 어렸을 때부터 알고지낸 소꿉친구로 성장하기 까지의 다양한 일상에 다채로운 컬러가 입혀져 있는 컨셉으로 뮤직비디오가 제작되었으며, Red와 Green이 만나면 Yellow의 형태가 나타나고, Red와 Blue가 만나면 Magenta의 컬러가 Green과 Blue가 만나면 Cyan의 컬러가 곳곳에 배경처럼 깔리며, 셋이 만나면 White가 나타나는데 이를 새벽으로 표기한 점이 눈에 띕니다.후반부에는 레이아웃을 기점으로 한 다양한 표현기법도 표현되어 디자이너라면 눈이 즐거운 아이디어가 곳곳에 묻어있는 요아소비의 삼원..
디자이너의 작업 화면을 공유하는 협업 툴 제플린 아이폰이 등장하고 나서 스마트폰의 시대가 본격적으로 열리고 앱을 만들기 위해 디자인했던 예전의 모습은 웹디자인에서 했던 방식을 그대로 고수하는 경우가 많았습니다. 하지만 그렇게 진행되다 보니 해상도가 다른 앱의 특성상 파일을 여러 번 전달하는 경우가 많아졌고, 프로토 디자인이 되었다면 그 작업내용을 공유하고 피드백받기 위해 (컨펌받기 위해) zip파일로 만들어 클라이언트에게 전달해 피드백을 받고, 피드백이 완료되었다면 개발자에게 전달할 때에도 수치값을 ppt에 적어 전달하는 등의 시간과 효율이 두 배,세 배가 걸리는 일련의 작업들을 디자이너가 진행하곤 했습니다. (디자인하는 시간보다도 공수가 훨씬 많이 들었습니다.) 파일도 따로 전달해야 했죠. 하지만 이제는 협업툴이 등장하면서 시간을 단축시켜 주고 작업..
저작권 무료 이미지와 유틸리티를 모두 담은 홈페이지 The Stocks 일러스트부터 이미지를 비롯해 다양한 유틸리티들을 한 곳에 모아놓은 The stock은 각각 사이트별로 즐겨찾기 할 필요 없이 방대하게 퍼져있는 무료 라이선스인 소스들을 한 곳의 사이트에서 클릭해서 찾을 수 있도록 도와주는 사이트입니다. 기본적으로 로열티가 프리인 사진작가 커뮤니티를 비롯해 상업적 소스들을 사용할 수 있는 커뮤니티들을 모아 보여주는 이미지 사이트와 일러스트 사이트, 아이콘과 타이포, 목업과 각종 툴까지. 모든 것 사이트를 한곳에서 볼 수 있고 검색할 수 있습니다. 이제 즐겨찾기 폴더를 만들어 관리하는 것을 하나의 사이트로 정리해 보세요. 홈페이지는 아이프레임 형태로 구성되어 있으며, 좌측에는 이미지를 찾을 수 있는 Finder와 디자인에 도움을 줄 수 있는 Tool 도구의 두 가지 큰 틀로..
스톡옵션 (StockOption) 이란? 스톡옵션을 알기 전에 알고 가야 할 것이 바로 주식인데, 다양한 재테크의 방법 중 하나로 꼽히는 주식은 그 기업의 소유권을 나타내는 하나의 금융제도를 일컫는 말이며, 누군가가 주식을 구입하게 되면 본질적으로는 회사의 일부분을 사고파는 주주가 되기 때문에 그 비중에 따라서 회사의 결정에 투표를 하거나 회사가 이익을 내면 일부를 배당금의 형태로 제공받을 수 있는 것을 말합니다.  대부분의 초기에 회사를 운영하는 스타트업은 좋은 아이템이 있어도 회사를 운영시에 자금이 부족한 경우가 많기 때문에 2,3년 정도 운영을 하고 엔젤투자자나 투자 관련 업체에게 투자금을 받지 않는 이상 자본금이 없는 회사를 운영하기 힘든 경우가 많습니다. 그래서 회사를 초기에 운영하게 되는 곳에 입사시에 제안을 받는 방법 중에 하나로 ..
웹퍼블리싱 강의 및 홈페이지 제작 유틸 모음 홈페이지 제작을 위해 필요한 3박자. 뼈대가 되는 HTML과 인테리어를 담당하는 CSS, 유동적인 홈페이지를 위해 필수적인 JS는 차례대로 유기적으로 흘러가야 합니다. 기획, 디자이너, 개발자 할 거 없이 웹에 관련된 업무를 하는 직군이라면 알아야 할 업무 소통을 위해 필수적인 다양한 웹퍼블리싱에 대한 내용을 담고 있으며, 학습의 과정과 제작에 필요한 유틸리티를 한 데 모아봤습니다. 또한 티스토리의 스킨을 수정하기 위해 각각의 코드 요소들이 웹 상에서 어떻게 돌아가는지를 보여주고 있기 때문에 기초에 관련된 각각의 내용을 숙지한다면 티스토리 블로그 또한 원하는 대로 <span style="color: #333333; text-align: start..
어도비 일러스트툴 디자인 초급 가이드 (adobe illustrator design guide) 일러스트툴은 현업에서 편집디자인 (명함, 전단지, 팸플릿, 문구류의 일러스트, 전개도) 등의 간단한 인쇄 디자인에 빠르게 대응할 수 있도록 사용되는 대표적인 툴이면서, 포토샵을 사용해 작업하는 웹 기반의 픽셀작업에서의 보조역할을 하는 벡터 아이콘, 벡터 일러스트 이미지를 가져다 쓰는 보조 툴이기도 합니다. 최근에는 어도비 XD 등 앱디자인에 사용되는 SVG아이콘에도 사용되는 범용적인 툴로서 어도비 그래픽툴의 뼈대가 되는 툴입니다. 현업에서 작업하면서 알고 작업해야 하는 기본정보들을 별도의 공지사항에 한 번에 등록해 찾기 쉬운 즐겨찾기로 관리할 예정입니다. 아래의 링크들을 숙지하는 텐션만 가지고 있어도 작업하는데 별 무리 없이 작업하실 수 있습니다. 해당 디자이너 편집디자인 웹디자인 앱디자인 그래픽디자인 ..
어도비 포토샵 프로그램 기능 설명 어도비 포토샵은 (adobe photoshop)은디자이너와 함께 해온 날이 벌써 20년 이상 된 역사가 깊은 픽셀 그래픽 툴입니다. 예전에는 전문적인 디자이너들만 다룰 수 있었던 그래픽 툴이라는 얘기가 많았던 과거엔 이미지를 편집하고 싶다면 알음알음 포토샵을 사용할 줄 아는 친구나 지인에게 부탁해 파일을 편집했지만, 현재는 그래픽에 관심이 있는 학생이나 투잡을 하는 직장인, 온라인 숍을 운영하고 있는 사장님등을 비롯해 사진작가 및 아티스트의 전문가도 사용 할 정도로 범용적이고 널리 유명진  강력한 이미지 편집 소프트웨어입니다. 그래픽 프로그램 툴로 유명해진 어도비는 일러스트와 포토샵을 기반으로 다양한 그래픽 관련된 툴을 내놓고 있는 만큼 포토샵 또한 오래되어 기능이 많아졌을 거라고 생각하지만 기능이 많이..
어도비 일러스트 소개 (Adobe illustrator) 어도비 일러스트(adobe illustrator)는 디자이너나 아티스트들이 창작을 쉽게 이용하기 위해 사용하는 인기있는 벡터 그래픽 편집기로, 1세대 디자이너가 인쇄 디자인이나 그래픽 디자인의 디자인 편집기로 작업하기 시작해 현재는 회사의 BI/CI등 기업 로고를 만들 수 있는 심볼 디자인, 앱디자인과 그래픽 디자인을 작업할 때 포인트로 사용되는 아이콘, 광고등의 일러스트 (벡터)작업, 티셔츠의 패턴 등 다양한 상업용 그래픽 작업에 사용되는 대중성이 높은 프로그램입니다. 특히나 작업의 영역을 모두 수치로 계산해 작업하는 좌표개념을 적용해 해상도의 영역을 만족하는 벡터시스템으로 모든 작업물을 벡터화 할 수 있는 장점이 있습니다.(너무 많은 이미지를 사용해지면 복잡해지고 컴퓨터의 사양을 많이 따릅니다.) 이..
HEIC파일 JPG로 변환하기 (아이폰 HEIC 설정) Heic파일 이란? 아이폰 HEIC 설정하기 heic파일 jpg파일로 변경하기 (하루 10개 한정) heic파일 jpg파일로 변경하기 (하루 무한정) HEIC파일이란? 아이폰에서 고 효율성으로 용량은 줄이면서 화질은 좋게 만드는 세팅법인데, 별도의 동영상 클립처럼 저장하거나 편집값등이 들어가 있어 비디오 스틸 이미지라고 생각하시면 빠를것 같습니다. 좋은 효율의 이미지 파일이긴 하지만 클라우드로 올리거나 별도로 이미지를 다운받아 포토북을 만든다던지 컴퓨터로 별도 작업을 할 때 너무 불편하죠.. ​ 헤익(heic) 파일로도 불리는 이 이미지 파일은 열리지도 않고 심지어 포토샵으로 다른이름 저장도 불가합니다.. 변환방법과 간단하게 아이폰에서 이미지 설정값만 변경해 줘도 jpg파일로 저장되는 설정방식입니다. 1..
한글,영문폰트 검색할 수 있는 사이트 모음 (한글,영문폰트 찾기) 거리를 돌아다니다 발견한 멋지고 이쁜 폰트나 다른사람이 작업한 웹디자인의 이미지 안의 폰트, 웹사이트의 폰트, 유지보수 등등의 이유로 한글 폰트를 찾아야 할 때 ​ 검색으로 어떤 폰트인지 알아 보기 힘들었던 적이 있으실 텐데요 한글폰트를 서칭하고 비슷한 폰트 타입이나 해당하는 폰트를 알려주는 사이트를 몇 군데 추려봤습니다. ​ 하지만 공통적으로 현재 개인 타이포그래피 작가나 최신 상업용무료폰트가 많이 업데이트되지 않은점은 감안하시면 좋을것 같아요 ※대부분 유료폰트가 섞인 검색결과를 제공하는 편이니 주의 또한 필요합니다. 1) 산돌 폰트검색 기능 (폰트박스) ★★★ 폰트박스의 베타서비스를 거쳐 현재는 산돌구름이 한글 폰트를 검색해서 이미지업로드 기능과 폰트 서칭을 한 번에 도와주고 있습니다. 알려주는 현존..
웹사이트 일괄 탈퇴 및 개인정보 유출 확인하는 방법 비대면 서비스가 점점 많아지면서 온라인상에서 개인정보를 넣어 본인확인을 하는 등 인터넷 이용자의 본인확인 내역(주민번호, 아이핀, 휴대폰 등)을 사용한 웹 사이트를 통합 조회 하거나 웹사이트의 회원 탈퇴, 개인정보를 열람,처리정지 등을 지원하는 서비스입니다. 클린서비스 답게 한번의 조회만으로 가입되어 있는 사이트를 한번에 보여주어 탈퇴등을 일괄로 처리할 수 있습니다. (네이버,카카오등의 간편인증을 통한 가입은 확인이 불가하니 참고하세요)  1.e프라이버시 클린 서비스에 접속해서 메뉴를 확인합니다. 본인의 정보를 이용해서 확인서비스를 이용하거나 가입했지만 이용하지 않는 웹사이트를 탈퇴, 유출여부등을 조사할 수 있어요. 아래는 아이디와 비밀번호가 유출되었는지를 확인하는 작업이고, 웹사이트에 가입되어있는 목록..
웹디자이너 고민입니다. 최근에 네이버 지식인에 답변 글이 채택되었다는 알림 글이 떠서 "이게 뭐지..??" 하면서 보았는데 웹디자이너 였었던 5년 전. 우연하게 뜬 질문글에 내가 답변을 달았었나보다. 5년 후에 답변을 채택해 준 질문자분이나 마치 옛날 기억 떠오르듯 5년 전에 답변을 정성껏 달아준 나도.. 그 때의 기억 덕분에 기분 좋게 웃게 되는 그런 하루인듯 하다.
유튜브 사이즈 크기 조절 및 이미지 만드는 방법 홈페이지를 제작할 때나 포스팅을 할 때 반응형으로 제작되어 있지 않은 지도나 유튜브,비메오등의 동영상 플레이어들은 아이프레임화로 사이즈가 고정되어 있어 크기를 줄이거나 늘릴때 이미지나 동영상이 잘려 나옵니다. 이에 대응 할 수 있는 방법은 크기를 %로 바꿔 css표기하는 방법인데, 지도의 경우는 클래스를 지정해 홈페이지에서 따로 표기를 하는 번거로움 등을 예로 들 수 있고, 적용도 힘들다는 단점이 있습니다. ​ 이를 보완해줄 수 있는 방법이 바로 아래에 표기된 사이트입니다. 사용방법은 아주 간단합니다. 유튜브나 비메오등의 사이트 주소를 그대로 복사해 해당 사이트에서 임베드 시키면 소스코드가 하단에 나오게되는데 그 소스코드를 긁어 복사해 적용하고 싶은곳에 바로 적용하시면됩니다. ​ 프론트작업이 어려운 분들..
CSS 소개와 사용방법 (CSS란 무엇인가?) CSS 소개 첫 단추 페이지를 포스팅하기 전에 잠시 CSS가 태어나게 된 일화를 간단히 소개 후 넘어가도록 할게요 먼저 CSS는 Cascading Style Sheets의 약어로 사전적 용어로 풀이해 나타내면 계단식 스타일 시트라고 불립니다. 홈페이지 제작을 했었던 1,2세대 초기 웹디자인과 개발자들은 CSS라는 표준형 언어가 생기기 전에는 웹페이지 폰트에 컬러를 주거나 단일 페이지나 공용 페이지에 특수한 효과를 주고 싶을 때, 모든 페이지에 일일이 스타일 용어를 적용시키거나 개발자를 통한 프로그래밍적 언어로 제어를 해야 했습니다. ​ 이때 당시에는 웹디자이너가 추구하는 미적 효과와 그것들을 실행해야 하는 개발자 사이에 마찰이 불가피했었는데요, 페이지가 늘어나면 늘어날수록 일일이 대입해 적용해야 했기 때..
제이쿼리 슬라이더, 캐러셀 유틸 모음 (jQuery, Carasel) 홈페이지내에 제이쿼리 슬라이더,캐러셀 유틸 모음 페이지 입니다. 마치 회전목마가 돌아가는 것 같다는 의미의 캐러셀은 주로 홈페이지 메인상단에 위치하고 있으며, 쇼핑몰에서 프로모션이나 팝업이벤트를 보여주는 기능으로 많이 사용합니다. 모바일에서도 팝업등으로 많이 사용하고 있기 때문에 같이 연동되는 캐러셀을 사용하는게 중요합니다. 제이쿼리 버전에 영향을 받을 수도 있고, 많은 제이쿼리를 연결하면 동작을 하지 않을수도 있을 수 있어서 사이트내에 소스를 적용 및 확인 하시고 기능이 작동하는 슬라이드를 사용하시면 될 것 같습니다. 목록 캐러셀 모음 링크 보편적인 캐러셀 Cycle2 적용하기 배경을 제어하는 유틸소스 모음 ■ 캐러셀 모음 (이미지가 돌아가는 배너 코드) Carousel slide show [bxsli..
한눈에 알기쉽게 설명하는 실업급여 신청 및 받는방법 실업급여를 받는 방법을 개인적으로 정리하는 겸 이웃분들도 간편하게 참고하시라고 적어둡니다. 퇴사를 하기전 먼저 포스팅을 읽으면 도움이 되실거에요 ​  퇴사하게 된 후, 해야 할 것 두 가지 1> 자발적 퇴사인가 경영으로 인한 퇴사 및 계약직인 경우 재계약 종료인가를 먼저 확인합니다. 이는 실업급여를 받기 위한 중요한 요소로, 자발적 퇴사인 경우 피보험단위기간이 적립만 되고 : 퇴사 처리 (실업급여 X) - 구인 시작합니다. 계약 종료 및 경영으로 인한 퇴사일 경우 : 이직 처리 (실업급여 O) - 실업급여 신청하러 갑니다. (단, 피보험단위기간 6개월 이상일 것) ​  2> 30살 이상일 경우, 건강보험이 자동으로 부양자 처리가 되지 않기 때문에, 직장을 다니며, 4대 보험 납입하는 가족이 있다면 그 쪽..
[일본어폰트] 상업용 무료 일본어 폰트 다운받기 일본어를 표기함에 있어 사용이 용이하지 않은 기존의 한글 폰트를 대체할 개성 많은 일본어 폰트 모음 사이트입니다. 귀여운 글씨체 / 손글씨 / 캘리그라피 / 상업용 무료폰트 태그가 붙은 폰트 모음 등으로 나누어 필터를 구분하고 있으며, 왠만한 폰트는 전부 상업용 무료로 풀려있지만 한번 더 확인 후 사용하시면 좋을듯 하네요 :-) 각각의 다운로드 링크를 클릭하면 내려받을 수 있는 사이트로 2차 이동을 하게 끔 되어있으니 참고하세요 사용범위 확인 문구 상업용으로 무료폰트만 찾고싶으시면 Commercial-use OK 버튼을 눌러 이용하세요 ​ Usage Permission ※Free for personal and non-commercial projects
인터넷 익스플로러(ie)가 단계별로 종료됩니다. 타이틀만 보고도 이웃분들은 "아! 올것이 왔구나" 라고 생각하실 수도 있겠네요. ​ 인터넷을 검색한다던 의미의 인터넷 익스플로러. 마이크로소프트가 만들고 오랫동안 배포해왔었던 인터넷 익스플로러 (이하 IE)와 구형 엣지 브라우저를 1월경 종료시키는데 이어 내년 2021년 8월경 Microsoft 365 IE의 지원에 대한 완전한 종료 또한 선언했습니다. 문제가 있어도 이제 공식적으로 사후처리는 없을것 이라는 내용입니다. 사실상.. 어도비 플래시와 함께 종료가 예정되어 있었던 다음 타깃이라고 예상했었고 명맥만 유지한채로 원래의 순기능만을 제공했었습니다. ​ 종료에는 많은 복합요인이 있을것이라 생각되지만 아무래도 제일 큰 요인은 두가지 정도로 꼽을 수 있을것이라 생각됩니다. ​ 1. 보안도 취약하고 느리고 ..
웹디자이너에서 웹퍼블리싱 디자이너로 초창기 90년대의 1세대 웹디자인을 지나 화려한 모션을 보여주는 플래시 웹디자인 2세대를 넘어서, 스마트폰이 보급되는 3세대 웹디자인은 모든 디바이스를 관리해야 하는 반응형이라는 생소한 단어로 무장했습니다. ​ 1. 이에 따라 3세대 웹 환경은 웹디자이너와 함께, 다양한 디바이스를 응대할 수 있는 웹 퍼블리셔라는 직업 두 분류로 나뉘었는데, ​ 사실상 대기업이나 큰 중견기업에 들어가지 않는 이상 오너는 현실적으로 퍼블리셔라는 인원을 따로 고용하진 않습니다. 소기업 오너와 대부분의 관리자분들은 퍼블리싱의 영역을 웹 디자이너의 역량으로 생각하시는 분들이 꽤나 많습니다. 이에 많은 회사는 웹 디자이너가 퍼블리싱까지 겸할 수 있는 디자이너를 뽑는 추세입니다. 어쨌든 페이지의 레이아웃도 소비자에게 보여야 하는 디..
구글과 네이버의 문화에 따른 웹디자인의 차이 [알쓸신잡] 비단 구글과 네이버뿐만이 아니고, 외국의 홈페이지는 간결하면서도 [선택지>선택지]로 홈페이지가 넘어가는 반면, 우리나라의 홈페이지는 한눈에 모든 정보가 모여 소비자로 하여금 선택지를 찾게 끔 만들어 놓고 있습니다. ​ 우리나라에서는 정례화되어서 "이 홈페이지는 너무 간결하다~"라는 이야기보다는 "뭐야~ 홈페이지에 왜 이렇게 내용이 없어?"라고 반문을 묻는 반면, 외국 홈페이지에는 깔끔하고 심플한 메뉴. 선택지에서 다른 선택지로 내가 필요한 정보만을 나열하여 보게 끔 만든 것이 대부분이라.. 한상차림에서 연결되는 웹디자인 에피소드가 흥미롭네요 :-)
임대형 홈페이지와 무료 홈페이지란? 개인적인 또는 기업들이 홍보를 하거나 상품을 온라인상으로 판매를 하는등의 목적을 가지고 홈페이지를 운영해야 할 때에 전문적인 지식을 대신해 간단한 회원가입과 로그인 만으로도 관리자계정과 관리자 툴을 가지게되어 홈페이지를 오픈하고 제어하며 운영 할 수 있는 것을 말합니다. ​ 회원가입만으로 상품을 판매할 수 있는 홈페이지를 만들 수 있는 까페24,고도몰,네이버 오픈마켓 등으로 분류되는 오픈마켓 홈페이지와 원하는대로 튜닝을 할 수 있지만 개발적 언어가 필요한 가비아등의 호스팅형 홈페이지를 예로 들 수 있습니다  ✨필수적인 사항 임대형이나  무료  홈페이지를 운영할 때 필요한 관리자 페이지등을 제공받을 수 있기 때문에 개발용어를 몰라도 레이아웃을 수정하거나 테마에 맞게 디테일한 분류 설정이 용이하지만, 튜닝이..
앱디자인과 웹디자인에 쓰이는 툴 웹디자인에서 모바일 디자인으로 또는 앱 디자인으로 시대가 발전하면서 생기는 직업군에 따라 그래픽 툴도 많이 바뀌고 있는데요, 저 또한 현재는 웹디자이너에서 앱디자이너로 포지셔닝을 바꾸어 업무를 진행하고 있어, 업무로 주로 쓰고 있는 툴을 기록해 보려 합니다. 🔨 포토샵에서 프로토타입으로의 세대교체 예전 1,2세대 웹디자인에는 화려하면서 눈길을 끌 수 있고, 없는 이미지를 바로 합성 할 수 있으며, 레이어 기능과 레이아웃등을 한 번에 할 수 있는 맥가이버 칼 같은 역할로 포토샵툴을 사용해 디자인을 전부 대응했다면, 지금은 다양해진 기기에 디자인을 제공해야 하기 때문에 반응형 디자인과 앱디자인의 경우 SVG형식의 벡터 아이콘 방식을 숙지 해야되며, 포토샵 하나의 툴로만 대응하기 보다는 프로토타입툴을 적극적으..
진실의 순간이란? MOT (moment of truth) MOT (Moment Of Truth) 고객이 상품 및 서비스를 접한 순간 흐름이 끊이지 않으며 서비스를 끝까지 이용하기 까지의 여정 1. 많은 정보의 홍수 속 인터넷에 이어 모바일로 단숨에 간편한 생활로 윤택함을 느낄수 있는 요즘 많은 브랜드들이 항상 고심하고 발전시키는 키워드를 하나 소개하려 합니다. ​ 바로 MOT인데요, ​ 호텔에서 묵게 될 경우 입구부터 프론트를 거쳐, 객실까지 안전하게 안내받아 숙박을 하기까지의 여정과 같이 물 흐르듯 서비스를 제공받는 느낌을 말합니다. 2. 우리가 생을 살아갈때에 A와B중 많은 선택을 하게되는것처럼 많은 상품과 서비스를 접하게 되는 순간, 모든것은 진실의 순간과 마주한다는 내용입니다. ​ 예를 들어 ​ 산골마을 저수지에 물길을 내서 마을에 공급하는 논우물을 만..
퀴어영화 쉘터 와 컬러이야기 [Green&Olive] 2000년 초반의 영화인 쉘터의 컬러배치에 관한 감독의 이야기를 근래들었다. 미술을 전공한 감독이 주인공 둘의 이미지에는 무조건 올리브계열&그린계열의 색이 들어가야한다는 전제하에 촬영에 임했다는것. ​ 큐트 러블리 기타를 배제한 고뇌와 성장 가족에 맞추어져있다. ​ 의도적이면서 의도하지않은 컬러배치 올리브&그린를 썼다는것에 의미가 크다 ​ 배경에는 해당색이 빠지지않도록 노력했다는 후문 ​ 여담이지만 둘다 스트레잇입니다^^ 트레버는 여자친구까지있고 브래드는 이미 결혼해서 딸까지있는 아빠랍니다~ (연기력하나는 끝내주는것같아요) 악세사리에 관심이 많아 영화 내내 계속 면밀히 보다가 다시한번 자세히 보게된 대표적인 Symbol (올리브 팔찌)를 착용하고있었던 트레버 간간히 주인공이 그리게되는 그래피티와 보여지게..
무료 이미지 라이센스 사용시 주의해야 할 4가지 검색으로 쉽게 찾아볼 수 있는 무료 이미지 라이선스들은 무료이지만 무료가 아닐 수도 있습니다. 하지만 잘 사용하면 상업용으로도 얼마든지 사용할 수 있는 좋은 컨텐츠들이 많은데요. 라이선스를 사용할 시에 주의를 해야되는것들을 몇가지 간단하게 알아보겠습니다. 1) 무료나 유료로 접하는 모든 컨텐츠는 창작권을 넘기는 절대적 의미의 컨텐츠가 아닙니다. 상업적으로는 사용이 얼마든지 허가되었지만, 회사를 대표하거나 본인이 컨텐츠의 주인임을 말할 수 없습니다.(예- 로고,심볼) 이러한 경우 라이선스 전문이 무료 컨텐츠등에 압축파일로 포함되어 있습니다. 2) 무료 이미지를 그대로 이용해 재판매로 수익을 창출할 수 없습니다. 이 라이선스의 전문 내용은 무료로 제공하는 컨텐츠들이 지향하는 바이기도합니다. 무료 라이선스를 ..

반응형