freemoa
50,000+ Views

2016 웹 디자인 트렌드 요점정리!!

안녕하세요. 프리모아의 Mac 입니다.
정보를 뇌로 전달하는데 있어 가장 좋은 방법은 바로 시각적인 효과를 주는 것이라고 합니다.
어떠한 물체에 대해서 텍스트로 전달 하는 것 보다 눈으로 직접 보면 뇌는 그 물체에 대해서 몇만배나 빠르게 인식이 가능하다고 합니다.
바로 이것이 디자인이 중요하게 여겨지는 이유중에 하나인데요.
그런 디자인에 있어서 트렌드를 파악하는 것은 매우 중요합니다.
나날이 빠르게 발전하는 기기들만큼이나 디자인에 대한 트렌드도 점점 다양해 지고 있는데요.
오늘은 웹 디자이너분들을 위한 '2016년 웹디자인 트렌드' 를 알아보고자 합니다.

- 디자인 트렌드

디자인에 대해서 나오는 얘기중에 하나는 평가가 지극히 주관적이라는 것 입니다.
어떤 사람에게는 최고의 디자인이라고 평가받아도 어떤사람에게는 눈길이 가지 않을 수 있습니다.
이렇게 정답이 정해지지 않은것이 디자인의 매력이기도 한데요.
그런 디자인에도 시대에 따라서 흐름은 존재합니다.
흐름을 따르는 것과, 자신의 방식을 고수하는 것. 어느것도 옳고 그르다고 할 순 없는데요.
옳고 그름을 떠나 웹디자이너 분들에게 참고가 될 수 있을만한 디자인 트렌드 자료들을 모아 보았습니다.

1. Material Design(마테리얼 디자인)

마테리얼(Material)은 재료 즉 가장 기초가 되는 요소를 말합니다.
기존의 노트북과 컴퓨터에서 이용되던 웹 디자인은 보다 화려하고, 보다 예쁜 UI와 애니메이션 플래쉬등이 많이 사용되었습니다.
그러나 웹을 출력 할 수 잇는 기기들이 점점 많아지면서 방식이 바뀌게 되었는데요.
복잡하고 예쁜 디자인 보다는 간결하고 단순하게 컨텐츠의 본래 목적만을 직관적으로 표현하는 디자인이 급부상 하게 되었습니다.
마테리얼 디자인은 평면디자인이지만 2차원이 아닌 3차원의 개념을 갖고있습니다.
디자이너분들이 많이 접하시는 포토샵의 레이어와 비슷한 개념이라고 보시면 간단 할 것 같습니다.
사물(Material)을 여러 겹 겹쳐놓은 듯한 모습이며, 모든 앱들이 어떠한 기기에서도 통일한 느낌을 줄 수 있도록 기본 가이드라인을 정해놓은 것입니다.
거기에 간단하고 깔끔한 디자인에 맞게 컨텐츠에 맞는 아이콘등을 사용하며 사용자들에게 더욱 직관적인 정보 전달이 가능한 디자인 방식입니다.

2. 고화질 이미지와 시네마 그래프

앞에서도 언급한 내용이지만 사람의 감각으로 하여금 가장 큰 영향을 미치는 것은 시각적인 효과입니다.
새로운 트렌드로 자리잡고 있는 것중에 하나인 풀 스크린 배경은 사용자의 시선을 끄는 좋은 방법입니다.
고화질의 이미지를 메인 화면에 가득 채워 보여주는 것이 바로 풀 스크린 배경인데요.
디스플레이의 해상도가 높아지면서 사용자들은 더욱 선명하고 높은 화질을 원하게 되었습니다.
이에 맞춰 높은 해상도의 이미지들을 구하기도 쉬워졌는데요.
고화질의 이미지는 사용자의 시선을 사로잡기에 좋습니다.
또, 최근에는 시네마와 그래픽의 합성어인 시네마 그래프라고 불리는 이미지도 트렌드로 자리잡고 있습니다.
정적인 이미지에서 일부분만이 움직이는 독특한 형식의 이미지인데요.
풀 스크린 배경에 고화질의 이미지 혹은 시네마 그래프를 이용한 웹 디자인이 2016년에 더욱 유행 할 것이란 전망입니다.

3. 일러스트, 타이포그래피

두번째로 언급했던 고화질 이미지에 상반되는 트렌드도 있습니다.
디자인쪽에서는 꾸준히 그 강세를 이어오던 일러스트와 타이포그래피가 바로 그것인데요.
고화질 이미지의 웅장함으로 시선을 사로잡는 것과 다르게 직접 그린 일러스트도 떠오르는 트렌드중에 하나입니다.
스토리텔링이 유행을 타기 시작하면서 어울리는 그림을 직접 그려 내용을 전달하기도 용이하다는 장점을 가지고 있습니다.
또, 풍부한 표현 방식을 통해서 사진보다 다양한 의미 전달이 가능하다는 점에서도 꾸준히 사랑받는 방법입니다.
일러스트 자체만으로 만족하지 못한다면 시네마 그래프 방식도 일러스트에 포함 할 수 있으니 일러스트에 관심이 많으신분들은 참고하셔도 좋을 것 같습니다.
타이포그래피는 텍스트를 디자인하며 보다 높은 가독성을 보여주기 위해 사용되었습니다.
웹을 이용하는 사용자가 점점 증가하고, 그에 따라 사용자들에게 보다 신선한 느낌을 주는 것이 타이포그래피의 숙제라고 생각됩니다.
최근에는 웹 폰트들도 다양하게 나오고 있어서 보다 다채로운 타이포그래피가 가능해졌고, 이런 웹 폰트들을 사용하여 사용자들에게 신선하고 생기있는 디자인을 하는것이 중요해졌습니다.

- UI에 따른 변화

기기가 다양해지며 가장 많은 변화를 거쳐온 것은 UI가 아닐까 싶습니다.
기존의 4:3 비율의 모니터에서 와이드로 변화하며 웹 페이지는 보다 넓은 전체적인 관점을 보게 바뀌었고, 스마트 기기들이 나오게 되며 그 다양성은 이루 말할 수 없을만큼 많아졌습니다.
UI는 이러한 다양한 기기들에 맞춰 진화했고, 다양한 기기에 적응 할 수 있는 반응형 UI 도 나왔습니다.
그러나 반응형 UI들이 많아지며 사용자들에게는 비슷한 레이아웃으로 보여 지루함을 줄 수 있다는 단점이 생겼습니다.
2016년에는 이런 비슷하게 보일 수 있는 레이아웃을 보다 색다르게 보조해줄 디자인이 요구된다고 합니다.
어떠한 디자인들이 반응형 디자인을 보조해 줄지에 대해서 알아보았습니다.

1. 긴 스크롤

데스크탑에서 출력되는 내용을 모바일로 옮기게 되면 자연스레 스크롤이 길어지게 됩니다.
모바일을 많이 사용하는 사용자들은 이러한 이유때문에 긴 스크롤이 익숙합니다.
긴 스크롤의 UI디자인은 스토리 텔링과도 잘어울리며, 네비게이션과 접목하면 멀티페이지 사이트의 효과도 볼 수 있습니다.

2. 카드 레이아웃

핀터레스트가 사용한 이후 많은 웹디자이너 분들이 애용하고 있는 스타일입니다.
여러 정보를 가볍게 훑어보아도 내용을 어느정도 전달 할 수 있습니다.
각 카드는 저마다 다른 개념으로 이루어져 있으며, 하나의 '콘텐츠 컨테이너' 로써 그 배치가 자유롭습니다.
이러한 자유로운 배치는 디바이스마다 다른 해상도를 출력해야하는 반응형 웹사이트에 맞춰 쉽게 재배치가 가능합니다.

3. 메뉴와 네비게이터

웹페이지의 디자인이 다양해지면서 메뉴에 대한 고민도 많아졌습니다.
UX UI에서 사용자의 편의를 위해서 메뉴를 어떤 방식으로 넣을 것인지는 디자인에서도 많은 영향을 주기 시작했습니다.
햄버거 메뉴, 탭바 등의 여러 방식이 등장햇으나, 그에 따른 단점과 장점은 논쟁의 대상이 되고 있습니다.
최근 업데이트된 YouTube 는 이러한 논쟁에서 새로운 방식으로 접근하였습니다.
상단 탭으로 가장 많이 사용되는 메뉴만을 Swipe하게 만들어 놓았는데요.
주목할점은 이 방식은 YouTube를 사용하는 사용자들에게 보다 빠르고 편리하게 동영상을 찾을 수 있도록 만든 디자인 이란 점입니다.
웹디자인의 가장 중요한점은 바로 사용자라는 점이며, 사용자들로 하여금 보다 편하게, 보다 빠르게 목적에 다다를 수 있게 해주는 것이 중요합니다.
2015년에는 다양한 기기에 출력되는 디스플레이 자체의 난전이었다면, 2016년에는 이렇게 태어난 반응형 웹 페이지를 얼마나 사용자들에게 편하게, 빠르게 제공할 수 있느냐가 승부수가 될 것 같습니다.
8 Comments
Suggested
Recent
좋은 정리 감사합니다
@dreampj0401 조언 정말 감사드립니다. 저희쪽의 조사가 부족했던 것 같습니다. 앞으로는 더 자세하고 확실하게 조사하여 올바른 정보를 전달 해 드릴 수 있도록 노력하겠습니다!
메테리얼 디자인이 평면에 3차원 개념을 도입한 것이라고는 할 수 없습니다. 3차원 즉, 공간감을 형성한 UI는 매테리얼 이전에도 그림자를 많이 활용했던 안드로이드와 블러처리를 통해 유리판마냥 투시되는 느낌을 주었던 iOS 모두 포함됩니다. 매테리얼 디자인은 이름에서 알 수 있듯 물질에 메타포를 둔 디자인입니다. 단순히 평면 위에 뿌려진 상 자체에 초점을 둔 것이 아니라 애니메이션을 통해 사용자의 피드백에 마치 물질처럼 반응하는 디자인입니다. 안드로이드 매테리얼의 메타포는 특히 종이와 물의 흐름과 유사하기 때문에 기존 UI와 iOS와의 차별점을 가질 수 있었습니다. 거기에 잘 만들어진 가이드라인과 과감한 원색 채택과 공간 활용의 변화, 적용이 쉬운 API를 제공함으로써 많은 앱들이 사용하게 된 디자인입니다.
@expansion070 응원 감사합니다!! 더욱 열심히 하겠습니다! ㅎㅎ
응원합니다. ㅋ
Cards you may also be interested in
드로잉 끝판왕이라는 평가를 받은 한국인 만화 작가
무라타 유스케라는 일본 만화 작가가 있는데 현지에서는 '노력하는 천재' 라는 소리를 들음  이 사람 드로잉 실력이 어느 정도인가 하면 그냥 연재하는 만화 컷들을 연속으로 슬라이드 배치하면 애니메이션이 될 수준임  채색능력도 엄청나서 소년점프 2000호 기념 한정 컬러 포스터를 두 번이나 맡았는데 서로 다른 만화의 주인공들을 각 작품의 개성을 잃지 않으면서 자신만의 그림체를 덧씌운 고퀄리티 작품을 뽑아 냈음  G펜과 마카를 이용한 수작업만 고집하는 방식으로 그런데 이런 완전체 같은 능력치를 가진 무라타 유스케가 '이런 사람이 천재구나' 라고 생각하고 교류를 시작한 만화가가 있으니  김정기라는 사람임  G펜과 마카를 애용하는 무라타 유스케처럼 이 사람은 붓펜이나 붓을 주로 사용하는데 작업 과정을 보면 천재가 누군가를 천재라고 부르는 데에는 다 이유가 있다는 걸 알게 됨  블리자드와 콜라보한 월드 오브 워크래프트 드로잉 마블 스탭들 앞에서 직접 시연한 시빌워2 드로잉  안시성 개봉 당시 콜라보레이션 이 영상을 본 사람 중 몇 명은 영화보다 드로잉이 더 기억에 남는다고 ..  삼일절 기념 드로잉  지금은 전세계 돌아다니면서 드로잉 쇼도 하고 간간이 방송출연도 하는 중 출처 : 더쿠 개인적으로 김정기 작가님의 드로잉은 정말 경이롭다고 생각합니다 *_* 위 동영상들을 봐도 충분히 그렇다고 생각하실 듯 . . 정말 어마어마한 재능을 가진 작가님이시죠 ! 추가로 몇가지 드로잉을 더 올려볼게요 - 영상도 꼭 꼭 보시길 바라요 :) 압도적인 드로잉 실력에 감탄을 연발하실듯 해요 어떻게 밑그림도 없이 이렇게 완벽한 그림을 그려내시는지 . . 이미지 출처 : 구글, 핀터레스트
식별되지않은 네트워크,이더넷 다양한 해결방안
인터넷을 사용하시다가 식별되지 않은 네트워크,이더넷 오류를 한번쯤이라도 겪어보신적이 있으실 겁니다. 해결방법이 간단할 수도 있지만 윈도우10 업데이트 할시 인터넷 옵션 속성이 꼬일 수 있어 나타나는 오류이기도 하는데요. 간단한 방법부터 소개해서 여러가지 해결책 방법을 소개해드리고자 합니다. 1. 매우 간단하게 윈도우10 자체 네트워크 드라이버 최신화 첫번째는 매우 간단한 방법으로 장치 관리자에 들어가서 네트워크 드라이버를 재설치 하는 방법입니다. 위 사진처럼 왼쪽 하단에 여러가지 옵션이 나오게 할려면 윈도우키+X를 누르시면 왼쪽처럼 여러 옵션들이 보이실텐데요. 여러 옵션 중 " 장치 관리자 "를 먼저 들어가주세요. 장치 관리자를 들어가주시면 상단에 " 네트워크 어댑터 " 라는 옵션이 보이실 겁니다. 그걸 더블클릭하셔서 바로 아래에 나오는 Intel / 또는 Realtech Ethernet 이라는 문구가 있으실 겁니다. 그걸 마우스 오른쪽 클릭해주셔서 " 드라이버 업데이트 " 를  진행해주시면 되는데요. 드라이버 업데이트에서 위에 있는 " 업데이트된 드라이버 소프트웨어 자동 검색 " 이라는 문구를 클릭해주셔서 진행해주시면 되겠습니다. 보통 윈도우10 업데이트 후 인터넷 드라이버가 업데이트가 되지 않아 식별되지 않은 네트워크 오류가 발생될 수 있기 때문에 생기는 오류 입니다. 만약 이 방법에서 업데이트 된 드라이버가 최신화 이미 되었다는 문구가 나오신다면 다른 방법을 접근을 해보셔야 합니다. 이 방법은 노트북 사용시 와이파이가 갑자기 안되었을 때 해주시면 해결되는 방법 중 하나이기도 합니다. 하지만 그 때는 네트워크 이름이 Ethernet 이 아닌 " Dual Band " 로 되어있으니 그걸로 업데이트 해주시면 되겠습니다. 2. 인터넷 속성 변경 2번째는 네트워크 및 공유센터 옵션에서 속성 변경을 해주는 방법입니다. 여기서 부터는 조금 어려우실 수도 있는데 그대로 따라와만 주시면 되겠습니다. 먼저 제어판에서 오른쪽 상단에 " 보기 기준 " 을 큰 아이콘으로 변경해주시고 나오는 네트워크 및 공유 센터를 들어가주세요. 네트워크 및 공유 센터로 들어가시면 엑세스 형식 인터넷 밑에 " 연결 : 이더넷 " 이라는 아이콘이 있을 겁니다. 저 아이콘은 반드시 컴퓨터에 유선연결이 되어있어야만 뜨는 아이콘이며 와이파이가 연결되어셨으면 와이파이 아이콘으로 나오시니 이 점 혼동 없으시길 바라겠습니다. 이더넷 아이콘이 보이셨으면 저 아이콘으로 들어가주시면 되겠습니다.  그러면 " 이더넷 상태 " 라는 창이 나오실텐데 사진 왼쪽부터 오른쪽처럼 진행해주시면 되겠습니다. 먼저 밑에 속성으로 들어가셔서 " 구성 " 을 눌러주시고 구성을 들어가시면 3번째 사진처럼 네트워크 속성 창에 진입하게 되시는데, 위 바에서 일반 옆에 있는 고급 탭으로 이동해주시면 됩니다. 고급 창에 들어오셨다면 이제 2가지만 " 비활성화 / Disabled " 로 변경을 해주시면 됩니다. 1. Large Send Offload v2 (IPv6) / 대형 전송 오프로드 v2 (IPv6) 2. TCP Checksum Offload (IPv6) / TCP 체크섬 오프로드 v2 (IPv6) 이 2개를 활성화에서 비활성화 (Disabled)로 변경해주시면 되겠습니다. 그 다음 확인을 눌러주시고  컴퓨터 다시시작을 해주시면 식별되지 않은 네트워크 오류는 웬만해서는 해결이 되실 겁니다. 생각보다 참 쉽죠? 만약 이 방법대로도 안된다면, 케이블도 바꿔보시고 하셔야 됩니다. 만약 케이블도 바꿨는데도 그렇다면 모뎀쪽이나 아니면 공유기쪽에서 인터넷을 받지 못하는 경우도 있으니, 이 3가지 방법이 다 안되신다면 통신사쪽에 연락하셔서 기사님을 부르시고 모뎀기를 검사해보셔야 됩니다. https://ccf1007overmen.tistory.com/1757
웹서핑 꿀팁! 유용한 크롬 확장 프로그램 Top7
크로미엄 기반 웹브라우저인 '크롬', '웨일', '스윙' 등에서 사용 가능 대부분의 유저들이 PC나 노트북 등을 사용하는 가장 큰 목적은 '인터넷'일 것이다. 심지어 인터넷을 사용하지 않을 것이면 굳이 PC를 사용할 이유도 없다고 말하기도 한다. 물론 문서 작성이나 다운로드 한 동영상 감상 등 인터넷 연결이 필요 없는 작업을 하는 경우도 있겠지만, 요즘에는 다양한 웹기반 서비스들이 나오면서 문서 작성이나 동영상 감상 등도 인터넷으로 실시간 연결된 상태로 이용한다. 그리고 이런 대부분의 작업들은 웹브라우저를 통해서 이뤄진다. 현재 웹브라우저 확장프로그램 생태계 구축이 가장 잘 갖춰진 것은 구글 '크롬'이 첫 손에 꼽힌다. 이전에는 마이크로소프트(MS)의 웹브라우저인 인터넷 익스플로러가 국내외 웹브라우저 시장을 독점했지만, 오픈소스 소프트웨어(SW)인 크로미엄(Chromium) 기반 웹브라우저가 본격적으로 나오면서 밀러난 상태다. MS도 윈도10 출시와 함께 차세대 웹브라우저인 '엣지'를 출시하며 크롬과 유사한 확장 웹스토어를 공개한바 있지만, 현재 등록된 확장 프로그램이 별로 없는 관계로 구글 크롬을 중심으로 유용한 확장 프로그램을 공개한다. 1. AdBlock, Adguard AdBlocker, uBlock Origin 먼저 추천하는 확장 프로그램은 광고 차단기 3종 세트다. 다양한 형태의 광고들이 웹서핑을 방해하는 경험 많이 했을 것이다. 이럴때 유용한 확장 프로그램이 바로 광고차단 프로그램이다. 기존에는 PC의 Host(호스트) 파일을 직접 수정하거나 외부 프로그램을 사용해서 광고를 차단했지만, 크로미엄 기반 웹브라우저를 사용한다면 간단히 확장 프로그램 설정으로 모든게 해결된다. AdBlock은 가장 사용자가 많은 광고 차단 확장 프로그램으로 별다른 설정없이 그냥 설치하고 웹서핑을 즐기면 된다는 큰 장점이 있다. Adguard AdBlocker는 최근 급상승하고 있는 광고 차단기로 영상 광고(유튜브 영상 광고 등)도 차단이 가능하다. 직관적인 UI(유저 인터페이스)를 보여주는 만큼 초보자들도 쉽게 사용할 수 있다. 앞서 AdBlock나 Adguard AdBlocker가 초중급 사용자를 위한 것이라면 uBlock Origin는 고급 사용자를 위한 광고 차단기다. 현재 페이지에 연결된 모든 트래픽 경로를 보여주고 특정 트래픽만 막을 수 있다. 예컨대 특정 사이트에서 전송되는 신호만을 따로 차단하는 것도 가능하고 반대로 항상 허용하는 것도 가능하다. 2. LastPass, Xmarks 비밀번호 유출로 인한 개인 보안 이슈가 늘어나면서 대부분 웹사이트들은 로그인 시 비밀번호 생성 규칙을 강화하고 주기적으로 바꾸도록 요구하고 있다. 문제는 로그인 시 필요한 비밀번호의 자리가 길어지고 특수문자나 알파벳 대소문자 등 다양한 필수 규칙이 생기면서 막상 설정한 비밀번호를 기억하지 못하는 경우가 빈번히 보고되고 있다. 이럴때 필요한 것이 바로 웹사이트 로그인 관리자 애플리케이션이다. LastPass나 Xmarks 모두 이 부분에서 유명한 SW로 크로미엄뿐만 아니라 인터넷 익스플로러나 사파리, 파이어폭스 등 대부분 브라우저를 지원한다. 또한 스마트폰 등 모바일 디바이스도 지원하는 만큼 유용하다. 모든 암호는 암호화된 상태로 관리된다. 3. 구글 Keep, Evernote Web Clipper 웹서핑을 하다 메모가 필요하다면? 특정 웹페이지를 보관하고 싶다면? 바로 구글 킵과 에버노트가 있다. 구글 킵은 구글이 만든 메모장 서비스로 구글 킵 확장 프로그램을 이용하면 웹서핑 도중 여타 도구 필요없이 메모를 할 수도 있고, 웹페이지를 그대로 저장 가능하다. 구글 킵에 저장된 메모는 크롬이 아니더라도 구글 로그인만 한다면 어디서든 바로 확인이 가능하다. 스마트폰에도 애플리케이션이 있는 만큼 쉽게 메모를 하고 확인 가능하다. 모든 디바이스 동기화 기능은 덤이다. 에버노트 웹 클리퍼는 문서작성 관리 애플리케이션인 에버노트를 웹브라우저에서도 사용 가능하도록 도와주는 확장 프로그램이다. 스마트폰의 필수 애플리케이션으로 꼽히는 에버노트를 웹브라우저에서도 사용 가능하고, 웹서핑 도중 발견한 정보를 곧바로 에버노트에 올릴 수 있는 만큼 에버노트 사용자들의 필수 확장 프로그램이다. 4. crxMouse Chrome Gestures, Pig Toolbox 웹서핑을 하는데 키보드 필요없이 마우스만 있으면 모든게 가능하다. 앞으로 가기, 새로고침, 새페이지 생성, 특정 페이지 이동 등 키보드를 결합한 다양한 작업이 마우스 제스처만으로 할 수 있다. 이 부분 대표적인 확장 프로그램인 Pig Toolbox라고 할 수 있는데, 업데이트가 멈춘지 오래되고 크로미엄 버전에 따라 동작하지 않는 경우도 발생하는 만큼 현재 사용하기에는 불편하다. crxMouse는 Pig Toolbox를 대체하려는 사용자들이 많이 선택한 확장 프로그램으로 마우스 제스처 기능만 본다면 Pig Toolbox의 대부분 기능을 crxMouse에서도 동일하게 사용 가능하다. 사용자에 따라 마우스 제스처를 부분적으로 커스텀마이징도 할 수 있는만큼 적응만 된다면 편한 웹서핑을 즐길 수 있다. 5. 구글 번역, TransOver 웹서핑을 국내 사이트에서만 할 수만은 없다. 글로벌 각지의 소식을 빠르게 확인하기 위해서는 영어나 스페인어, 독일어, 일본어, 중국어 등 다양한 언어를 해야만 한다. 하지만 우리에겐 구글 번역기가 있다. 구글 번역 확장 프로그램을 사용하면 원하는 웹페이지를 원하는 언어로 순식간에 번역할 수 있다. 물론 아직 100% 정확하게 번역할 수는 없지만, 최근 인공신경망 번역 기술이 접목되면서 번역 품질이 한층 높아진 만큼 빠르게 번역하기에는 이만한 도구는 없다. TransOver은 특정 단어에 마우스를 가져다 대는 것만으로도 번역해 준다. 구글 번역과 함께 사용한다면 외국 웹사이트도 더이상 두럽지 않다. 6. 드롭박스, 구글 드라이브 개인 파일을 USB 등에 따로 가지고 다닐 필요 없이 언제 어디서나 사용하기 위해서는 드롭박스나 구글 드라이브, 원드라이브 등에 저장하면 된다. 해당 서비스를 이용하기 위해서는 직접 웹브라우저에서 접속 후 이용하거나 외부 프로그램을 설치해야만 했지만, 확장 프로그램을 사용한다면 클릭 한번에 특정 파일을 업로드 시키고 공유하는 것도 가능하다. 드롭박스, 구글 드라이브, 마이크로소프트(MS) 원드라이브 등 대부분 개인 웹하드 서비스들이 확장 프로그램 형태로 지원하는 만큼 해당 서비스를 이용하는 유저라면 필수 프로그램이다. 7. 데이터 세이버 직접 인터넷 연결해서 사용하는 PC나 노트북에서는 필요 없을 수 있지만, 외부에서 급하게 스마트폰을 이용한 테더링 기능을 활용한다면 데이터 걱정이 들 수 있다. 이때 필요한 것이 데이터 사용량을 줄여주는 '데이터 세이버 ' 확장 프로그램이다. 구글이 직접 만든 확장 프로그램으로 구글 서버를 통해 웹페이지를 읽어오는 방식으로 속도가 느려지지 않으면서도 웹서핑에 따른 데이터 사용량은 줄어든다. 구글 서버를 경유하는 방식으로 가상 사설망(VPN) 기능이 일부 적용된다는 장점이 있다. 이밖에도 유튜브 동영상이나 페이스북 동영상을 다운로드 할 수 있는 'Chrono Download Manager', 'Social Video Downloader' 등 다양한 확장프로그램이 있다. 또한 요즘 유행인 모바일 서비스인 인스타그램을 PC에서 손쉽게 사용하게 도와주는 'Websta for Instagram', 웹페이지 캡쳐를 할 수 있는 'Awesome Screenshot', 국내 쇼핑몰 가격 비교를 자동으로 해주는 '마트모어' 등 다양한 확장 프로그램을 통해 보다 편리한 웹서핑을 즐길 수 있길 바란다. 단, 확장 프로그램을 추가해 사용하기 이전에 반드시 믿을만한 개발자나 개발사가 만든 확장 프로그램인지 확인하는 과정이 필요하다. 최근 멀웨어가 삽입된 확장 프로그램도 보고되는 만큼 주의해야 한다.
웹 디자이너들의 색감 키우기!!
안녕하세요. 다양한 IT프로젝트를 검증된 개발회사&프리랜서와 연결을 해드리는 프리랜서 플랫폼 프리모아입니다. 컬러는 디자이너에게 있어 무기라고 할 만큼 디자인에 있어 색상의 선택은 매우 중요합니다. 색상을 달리하면 똑같은 디자인에도 전혀 다른 느낌을 줄 수 있기 때문이죠. 어떤 색을 어떻게 사용하느냐에 따라 원하는 부분을 강조 할 수도 있습니다. 이렇게 색의 선택은 중요하기 때문에 컬러리스트(Colorlist)라는 직업도 생긴 것 같습니다. 오늘은 그런 색감을 키우는데 도움이 될만한 정보를 소개시켜드리고자 합니다. 1. Design-seeds.com 사이트의 사용방법은 다음과 같습니다. ⑴. 상단 메뉴의 "palette search" 를 클릭합니다 ⑵. "Search by color value" 에서 R,G,B 값을 지정합니다. ⑶. 원하는 카테고리가 있을경우 "Search by theme" 를 눌러 출력될 이미지의 카테고리를 지정 할 수 있습니다. 카테고리 지정을 원하지 않을 경우는 색상 아래의 "Go get it!" 을 누르면 됩니다. ⑷. 지정된 RGB값에 근사한 색을 가진 이미지가 출력됩니다. "similar colors" 에 있는 색상을 이용하여 유사한 이미지 혹은 유사한 색상이 사용된 이미지를 찾을 수 있습니다. 2. 좋아보이는 것들이 비밀 - 컬러 "컬러 차트만 보고도 디자인을 펼칠 수 없다면 당신은 반드시 이 책으로 다시 공부해야 한다" 라는 임팩트 있는 슬로건을 표지에 적어놓은 이 책은 아래와 같은 카테고리로 이루어져 있습니다. 01. 컬러를 고민하라. 02. 컬러에 다가가라. 03. 컬러를 결정하라. 04. 컬러에도 답이 있다. 06. 컬러로 승부하라. 05. 컬러 마스터에 도전하라. 표지의 강한 멘트에 어울리게 이 책은 디자이너의 무기인 '컬러'를 어떤식으로 사용하며, 어떤 부분을 생각해야 할지를 잘 표현해 주고 있습니다. 컬러 이외에도 디자인에 관련된 것들은 '좋아보이는 것들의 비밀 시리즈'는 다루고 있으니, 본인의 관심분야에 있는 책들도 한번쯤 읽어보는 것은 어떨까요? illustration / 픽토그램 / Design by nature / 타이포그래피 / Good Design / 그래픽 패키지 디자인 / UX 디자인 / 브랜드 디자인 / 캘리그래피 / 편집&그리드 / 인포그래픽
[ 디자이너가 사랑하는 폰트 추천편 ]
디자인분야에서 일하시는 분들이 관심이 많은 부분이 색체랑 글꼴 등인 것 같습니다. 디자이너들 뿐만아니라 오늘 컨텐츠는 많은 분들이 관심많으시고 유용하게 쓰이실 것 같다고 예상이 됩니다~! 1. 네이버 – 나눔글꼴 카드뉴스에 많이 사용되는 폰트 중 하나입니다 나눔글꼴은 무료배포하고 한글에 대한 사랑과 애정이 담긴 글꼴입니다. 네이버가 2008년 이후 한글의 아름다움을 뽐내고 있습니다 * 라이선스 : 오픈 라이선스 http://hangeul.naver.com/2016/nanum 2. 배달의 민족 – 연성, 도현, 한나는 11살체, 주아체 카드뉴스에 많이 사용되는 폰트 중 하나인 배달의 민족 글꼴은 무료배포입니다. 카드뉴스에 가독성이 가장 좋다고 생각되는 폰트입니다. 그 중에서 도현체를 추천드립니다. 이 글꼴은 우아한 형제들을 위한 폰트입니다. * 라이선스 : 오픈 라이선스 http://font.woowahan.com/ 3. 야놀자체 - 야체 야놀자체(야체)는 친근감을 중시하며 리듬감과 자유로움을 부여했습니다. 야체의 특징은 이목을 집중 시키고, 편안함과 자연스러움을 줍니다. 야놀자체 글꼴은 무료배포이고 다양한 곳에 사용 가능한 폰트입니다. * 라이선스 : 오픈 라이선스 http://cast.yanolja.com/detail/2171 4. 구글x어도비시스템 - 본고딕 본고딕은 구글과 어도비의 콜라보로 탄생한 폰트입니다. 아름답게 만들어진 무료폰트이고 여러 언어로 사용 가능합니다. 방대한 양의 Beautiful한 폰트를 무료로 다운 받을 수 있습니다. * 라이선스 : 오픈 라이선스 https://goo.gl/1JfRIO 5. tvN – 즐거운 이야기체 즐거운 이야기체는 즐거움을 담은 손글씨입니다. 관심을 갖게 만드며 보는 사람에게 즐거움을 제공합니다. Tvn에서 10주년 기념으로 탄생한 글꼴로써 무표 폰트입니다. * 라이선스 : 다른 소프트웨어와 번들하거나 응용하여 재배포 할 경우 출처 표기를 필수 http://tvn10festival.tving.com/playground/tvn10font 프로젝트 의뢰할때는 프리모아 : www.freemoa.net
아웃백 가고 싶어서 쓰는 '아웃백 가서 알차게 뽕 뽑는 팁'
성인 2~3인 기준 런치타임 ( 주중 주말 상관 없이 오픈 후 주문 시간 기준 5시까지 ) 시 사용 가능한 꿀 TIP 성인 한명 늘어 날 때 마다 런치메뉴 한개씩 추가 하면 좋음! - 주문하기 TIP!  1. 아웃백 런치메뉴 중 2개 선택 2. 스프 2개 중 하나는 샐러드로 변경, 시저 드레싱 (+1,400원), 치킨핑거 1~2개 추가(개당 +2,900원) 하여 치킨시저샐러드 만들기  3. 탄산음료는 에이드랑 스텔라 맥주(+1,300원) 중 취향것 변경  4. 스테이크 사이드 메뉴 2개는 통감자랑 감자튀김 선택해서 감튀에 멜티드 치즈 추가(+3,900원)해서 오지치즈 감자로 만들기 -> 케찹 달라하면 케찹도 주심!  5. 부시맨 브레드에 나오는 소스는 다 달라고 하기 ( 초코소스 존마탱 ) 6. 투움바 파스타 시키면 소스 넉넉히 달라고 해서 부시맨 브래드 찍어먹기 !  7. 느끼한거 잘 못먹는 덬들은 김치 달라고 하면 김치도 주심! -> 지점마다 상이 ( 일산 원마운트점 김치 줌 ) - 결제시 TIP!  1. 통신사 할인 SKT , KT 일반 5% VIP 15%, KT VVIP 1만포인트 차감 후 3만원 할인 (추가) 통신사 할인 없으면 아웃백 부메랑 클럽 가입해서 상시 10% 할인 + 적립 받기 2. 기념일 1만원 할인쿠폰 or 신규가입 웰컴푸드 ( 치킨텐더샐러드 ) 챙기기 3. 사용하고 있는 신용/체크카드가 아웃백 할인 되면 카드 사용, 없으면 인터넷에 아웃백 금액권 검색해서 구매하기 보통 상시 5~7% 할인율 있음! 4. (추가) 계산 할 때 빵 포장 해달라고 하기 ! ( 봉투값 100원 추가 ) 이렇게 하면 진짜 싸고 배부르게 아웃백 조지기 쌉 가능! +) 바이럴 아님, 바이럴일시 원더기 평생 아웃백 출입금지 출처 더쿠 투움바랑 오지치즈 쌱 땡기는데 반가운 글을 발견해서 후후 목요일은 현카 50% 포인트 차감되는건 기본이죠?ㅋㅋㅋㅋㅋ \(배고파)/........ㅇ<-<
완제품PC,조립PC 지금시기에는 어떤 것으로 구매하는 것이 좋을까?
출처 : Unsplash 그래픽카드 가격이 지속적으로 고공행진을 하고 있는 만큼, 컴퓨터 구매하기가 굉장히 꺼려지실 겁니다...하지만 그래도 컴퓨터를 어쩔 수 없이 구매를 하시는분들도 계실텐데요. 오늘은 이 시기에 완제품 PC를 구매하는게 맞을지 아니면 그래도 조립 PC로 구매하는게 나은지 한번 비교해보면서 살펴보겠습니다. 1. 게이밍 견적으로 완벽하다. 라이젠5 5600X + RTX 3060Ti 완제품 VS 조립PC 출처 : 엑셀 직접 제작 먼저 라이젠5 5600X + RTX 3060Ti 조합으로 짜여진 완제품 PC인 한성컴퓨터사 제품과 조립부품으로 가져왔습니다. 일단 가격으로 보았을 때는 큰 차이는 없습니다. 하지만 그래픽카드인 RTX 3060Ti가 150~170만원대에 거래되고있어 그래픽카드 가격이 더 올라간다면 오히려 완제품 PC가 더 저렴할 수도 있습니다. 그리고 완제품 PC는 무상 AS라는 강점도 가지고 있어서 오히려 가격이 비슷하다면 완제품 PC를 구매하는게 더 나아 보일 수도 있습니다. 완제품 PC는 어찌보면 사후관리 때문에 구매하시는 경우가 많으신데 대신 조립 PC보다는 가격이 비싸다는 단점이 있어 대부분 부품을 하나씩 구해서 데스크탑을 조립해서 사용하시는 경우가 많았습니다. 하지만 지금 이시기에는 오히려 완제품 PC가 더 쌀 수 있어 현 상황으로는 완제품 PC를 찾고 계시는분들이 훨씬 많아졌습니다. 한성 컴퓨터사 말고도 다른 제조사에서도 좀 더 싸게 나올 수 있으니 이 부분은 한번 잘 살펴보시고 구매하시는 것을 추천드립니다. 게이밍 견적 말고도 이번에는 전문작업용까지 가능한 하이엔드 견적까지 한번 알아볼게요. 2. 전문작업까지 가능한 하이엔드 견적 i9-10900K + RTX 3080조합 완제품 VS 조립PC 출처 : 엑셀 직접 제작 영상작업용 및 렌더링 작업용으로도 쾌적하게 사용할 수 있는 하이엔드 견적 인텔 i9-10900K+RTX 3080 10GB 조합입니다. 현재 RTX 3080 그래픽카드 가격이 250~300만원대에 거래가 되는 미친 가격을 보여주고 있어, 이 부분은 현재 완제품 PC쪽이 훨씬 저렴한 가격으로 구매가 가능합니다. 심하면 완제품 PC가 오히려 100~150만원 정도 더 싼 가격으로 구매할 수 있어 지금 하이엔드 견적으로 조립PC를 맞추실려는 분들한테는 조금 말리고 싶다는 말씀을 드리고 싶습니다. 지금은 품절이지만 ASUS에서 이 견적을 320만원대에 내놓은 완제품 PC도 있어서 지금 상황은 하이엔드 PC를 맞추실려면 오히려 완제품 PC를 구매하시는게 훨씬 더 싸게 구매가 가능할 정도로 지금 컴퓨터 시장이 혼란스러운 상태입니다. 만약 컴퓨터 구매하시는 것이 급하시다면 조립PC보다는 완제품 PC로 눈을 돌려보는 것이 어떠신지 조심스럽게 추천해드려봅니다. 3. 그래픽카드만 안정화되면 100% 조립PC가 싸지만 그 상황이 언제올까... 출처 : Unsplash 아직까지도 암호화폐 채굴때문에 그래픽카드 가격이 안정화가 되지 않고 있습니다. 오히려 더 높아지고 있죠. 이더리움 가격이 아직까지도 280만원대에 찍히고 있어서 이더리움 가격이 내려가거나 아니면 반도체 공정이 안정화가 되거나 해야 될텐데 현재 상황이 그렇지가 않습니다. 오히려 여기서 더 올라갈 가능성이 높기 때문에 당분간은 그래픽카드로 인하여 추천견적을 말씀드리기가 더욱 어렵습니다. 반도체의 주재료인 웨이퍼 가격도 폭발적인 수요때문에 2분기 부터는 10~15% 올라가는 것이 확정이라 그래픽카드 말고도 전체적인 부품 가격들이 더 올라가며, 이 상황은 내년까지도 이어질 가능성이 높다고 합니다. 만약 그래도 완제품 PC가 아닌 조립PC로 맞추고 싶으시다면 그래픽카드를 제외하고 지금이 마지막 가격일 수도 있습니다. 그래픽카드는 중고로 구매한다치고, CPU및 메인보드, RAM 등 나머지 부품들은 지금 구매하시는 것을 추천드립니다. 데스크탑이 지금 당장 급하시다면 ASUS 및 한성컴퓨터사에서 나온 완제품 PC를 검색하셔서 자기 원하는 사양에 맞는 컴퓨터를 찾아 구매하시는 것을 지금시점으로는 가장 추천해드립니다. * 모든 사진은 Unsplash같은 무료사진 및 출처를 밝히고 사용하고 있습니다. * 제 블로그에 방문해주셔서 공감 한번만 눌러주시면 감사하겠습니다! https://ccf1007overmen.tistory.com/1759 출처:https://ccf1007overmen.tistory.com/1759[CHCH IT]
구글 입사 제의 받은 디시인의 포트폴리오.jpg
워 이정도는 되야 구글에 입사하는건가 ㄷㄷㄷ 일단 창의력이 어마어마한데 예술을 자기만의 걸로 해석하고 표현하는게 대단함 일에 대한 집념까지 갖추셨네 + 원글쓴이가 말하는 포폴팁 저는 이렇게 쓸데없는 짓을 많이 하는 편인데요,  이런 쓸데없는 짓이 저를 부지런하게 만드는것 같아요.  저는 개인적으로 일 외엔 따른 취미생활이 없어요. 게임도 안하고 티비도 안봅니다.  그냥 일하는게 제일 재미있는것 같아요.  그래서 이런 쓸데없는 개인작업을 많이 하는 편인데,  이런 돈도 안되고, 또 실제 프로젝트에 사용하기에는 힘든 기술과, 디자인이지만,  이런걸 만들어봄으로써 배우는게 참 많은것 같습니다.  그리고 그렇게 배웠던 것들이 나를 성장 시키고 실제 프로젝트에도 유용하게 쓰였던 적이 많았어요.  그리고 이 작업을 보고 구글에서 입사제의가 와서 지금까지 구글에서 일을 하고 있는데요.  만약에 제가 이런 개인 작업을 하지 않고 회사 일만 했었다면,  세상 누구도 내가 어떤 디자이너인지, 뭐를 잘하는지 몰랐을 겁니다.  나는 어떤 일을 하고싶어 라고 말로만 하기보단,  내가 하고싶은 디자인을 개인작업으로라도 포트폴리오를 계속 쌓는게 중요하다고 생각해요. 그렇게 쌓은 포트폴리오는 나라는 디자이너를 정의하는데 아주 중요한 역활을 합니다 :) 움직이는 모습과 더 자세한 내용은 영상에서 보실 수 있습니다 :)
경비원 대신 경비서는 아파트 주민들
서울에 위치한 한 아파트. 화면보고있는 MC분들도 놀라는 표정 경비아저씨 그냥 지나치는 분들이 없음 이 분은 현재 근무중이신 신선근 경비원분 경비원 한 분은 아프시다고 함 자발적 모금을 시작한 주민분들 이렇게 동참해서 모인 금액이 50세대, 5백만원. 이사가신 분조차도 연락이와서 모금하고 싶다고 따로 챙겨주심 ㅠㅠㅠ ㅜㅜㅜㅜㅠㅠㅠㅠ 이렇게 해서  주민들이 자발적으로 한대수 경비원분의 빈자리를 메워준 것. ???  이 분은 오늘 경비근무하시는 주민분. 오전 근무하시곤 터치!  오전 오후 나눠서 교대근무까지 하심 주민분들이 경비원분에게 보낸 카톡. 한대수 경비원분의 가족분들도 감사한 마음에 아파트마다 손소독제를 놓으셨다고. 계절 바뀔 때마다 아파트 대청소  주민분들이 하고 계심 나가서는 직급있는 분들일지라도 여기서는 그냥 주민일뿐 여기서 청소하고 계신 한 분 노희경작가님 찍지말라고 하심 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 노희경 작가님도 이 아파트가 너무 좋아서 정착하셨다고. 대청소 = 경비원분 쉬시는 날 괜찮다고 일 안주심 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그리고 배치된 택배기사님들 위한 냉장고까지. 목축이세요~ 퇴원하자마자 아파트 와보신 경비원분과 한달음에 나오셔서 반기시는 주민분들 같이 온 아내분께는 호박나눠주시는 주민분도 계심. + 호칭은 언니ㅎㅎ 왜 눈물이 나는지 ㅠㅠㅠㅠ 출처 :https://theqoo.net/1894613012 아직까지 따뜻한 정이 남아있는 이상적인 공동체군요 주책맞게 눈물도 찔끔납니다.. 모두 모두 건강하고 행복하세요. +고덕 @@아파트 주민들.. 보고 좀 본받으시길;