본문 바로가기

IT/디자인

티스토리 파비콘 1분컷 정리해드립니다. "블로그를 운영하면서 항상 느끼는게 내 블로그를 어떻게 해야 이쁘게 꾸밀까? 라는 생각들이 드시죠?" 그래서 다른 블로그들을 벤치마킹할겸 찾다보면 브라우저에 꽤 이쁜 마크들이 떠 있는걸 보곤 합니다. 브라우저에 떠 있는 파비콘이라는 아이콘입니다. 티스토리나 다른 블로그들도 동일하게 저런 파비콘을 등록해서 보여줄 수 있도록 제공하고 있지요. "그래서 오늘 파비콘을 세상 제일 간단하게 만들 수 있는 1분컷을 준비했으니!! 여러분도 쉽게 만드셔서 적용해보세요!" 파비콘 1분컷! The best Favicon Generator (completely free) The only favicon generator you need for your next project. Quickly and easily generate..
2020년 팬톤의 트렌드 컬러는 '클래식 블루' 매년 트렌드 컬러를 발표하며 트렌드를 이끌어가는 팬톤에서 2020년도 트렌드 컬러를 발표 했었죠. 바로 '클래식 블루' 입니다. 팬톤(pantone)이 매년 발표하는 컬러들은 항상 이유가 있었죠. 올해는 가짜뉴스같은 거짓 정보들로 신뢰를 잃어가는 모든것들에게 신뢰와 믿음을 필요로 하는 사회에서 살아가고 있기 때문에 올해는 신뢰와 믿음을 뜻하는 블루 계열의 '클래식 블루'로 선정을 했다고 합니다. 항상 트렌드를 주도하는 것 같이 보이는 SNS나 검색어 추이를 보면 우린 많은 가짜뉴스에 무방비로 노출이 되고 말죠? 바로 언론을 통제하고 많은 사람들에게 거짓 정보를 노출해서 이득을 보려는 사람들이 더욱 많아졌기 때문입니다. 심리전에 쉽게 속아버리고, 보이지 않는 곳에서 특정인을 힐난하는 그런것들에 노출된 전세..
구글 플레이 스토어 앱 아이콘 디자인 규정 변경 - 6월 25일 레거시 모드 적용 구글이 애플처럼 앱 아이콘들의 모양을 일괄 적용을 하려고 하네요. ​ 기존에 좌측과 같은 앱 아이콘들의 모양이 다양했는데, 우측과 같이 둥근 모서리의 사각형으로 일괄 적용을 한다고 합니다. ​ 아이콘 전체 크기는 512 x 512 입니다. ​ 그리고 안에 아이콘 키라인은 384 x 384로 적용이 됩니다. ​ 그렇게되면 현재 직사각형에서 둥근 모서리를 빼면 ​ 우측의 아이콘 값이 나오게 되죠. ​ 우측이 바로 키라인을 적용한 샘플입니다. ​ 키 라인 그리드의 경우 우측과 같이 적용되도록 해야 합니다. ​ 대신 백그라운드는 키라인에 맞춰서 축소를 안해도 됩니다. ​ 우측과 같이 백그라운드는 풀로 써도 된다고 합니다. ​ 그림자 효과는 아이콘 자체에 쓰지말고 키라인안에 사용을 해야 합니다. ​ 모서리는 둥글..
Social Media Image Maker Info 요즘 소셜미디어 서비스도 비쥬얼이 중요한 것 같아요. 예전엔 단순히 프로필 사진 하나만 등록하면 끝이였는데, 너무나 많은 영역에본인을 PR 할 수 있는 공간들이 생겨난 것 같습니다. 원하는 이미지를 사이즈에 맞게 일일이 작업한다는건 꽤나 불편한 작업인데요.아래 소개해드린 서비스는 웹에 이미지를 업로드를 하면 원하는 소셜미디어서비스의 이미지 위치별로잘라서 보여지도록 되어있네요. 화면에 보시면 왼쪽에 소셜 사이트의 특성에 맞게 자를 수 있도록 사이트별 분류가 되어 있습니다. Create 를 클릭하면 위의 화면으로 넘어갑니다. 여기서 이미지의 사이즈를 볼 수 있습니다. Add your file 를 클릭하면 이미지 파일 업로드 컴포넌트가 노출되서 이미지를 선택할 수 있습니다. 이미지를 선택하면 어느 부분을 자르..
아이디어가 돋보이는 일본 parallax scroll site q-co 요즘 일본사이트의 꼼꼼한 기획과 디자인을 참고하며 벤치놀이를 하고 있다. 그러던 중 재미난 아이디어가 돋보이는 사이트가 있어서 소개하려 한다. 아래 보이는 Intro 화면 이다. 빨간펜이 하나 있고 백지상태이다. 이곳에 마우스로 도형을 그리면 아래 화면처럼 동영상이 나오게 된다. 재미나지 않는가?ㅎㅎ 여기서 스크롤을 하면 사이트에 대한 콘텐츠가 주~~욱 나온다. parallax scroll 로 구현한 single page 들이 요즘 많이 오픈되고 있으나,이러한 아이디어가 돋보이는 site 는 아직 몇 보지 못했다. 궁금하신 분들은 직접 가셔서 보시라 :) http://www.q-co.jp/
London Underwater 포토샵 CS6 스샷에 보면 알겠지만 물에 잠긴 런던... 아래의 영상을 보면 정말...놀랄 노!!! http://www.youtube.com/watch?v=r6goko-TtBI&feature=relmfu
포토샵의 申 아무것도 없는 백지에 도시를 그려넣다.. 정말 합성수준이..ㅎㄷㄷ .. 아래의 경로로 가서 영상-0- 보면 놀람 ㅋ http://www.creativestation.ru/index.php?app=gallery&image=4983
포토샵 설치 없이 웹브라우저에서 바로 사용할 수 있는 포토샵!! http://www.sumo.fm/#create 사실 포토샵 처럼 이미지 편집 기능보단 애니광님들의 오에카키 기능이 더 강하다. TOP Menu에서 People를 클릭 하면 Sumo를 이용해 자신들이 제작한 이미지들이 올라와있다. 이미지 제작수준으로 보아서는 꽤 기능성이 뛰어나고 잘만 쓰면 포토샵 못지 않게 사용이 가능할 것 같다.
기획 추천 블로그 URL : http://www.uxclub.co.kr/category/Design UX club 여러가지 IT관련해서 잘 정리되어 있다. 그리고 WireFrame도 참고할만한 자료가 꽤 있다. 다람쥐~