디자인로그(DESIGN LOG)
디자인.디지털 컨버전스 웹진, All Things Design, 디자인 뉴스, 그래픽 강좌, IT 컬럼, 디지털 트렌드, SEO 정보 제공
"디자인로그(DESIGN LOG)"
835
-
[비공개] MacOS Mojave(모하비) 데스크톱/아이폰 월페이퍼 다운로드
애플이 MacOS를 새롭게 출시할 때마다 은근히 기대하게 되는 것 중 하나가 멋진 배경 화면(Wallpaper) 다.이번 WWDC18 발표에서 흥미로운 부분 중 하나가 MacOS Mojave 다크 모드로 현지 시각에 맞춰 동적으로 배경화면을 출력한다. 모하비 사막의 배경을 낮(Day)과 밤(Night) 두 가지 풍경을 교체해서 보여줘 신선함을 제공했다. 이것은 특별한 활용도나 기능상의 혁신으로 보기는 모호하지만, 시각적인 관점에서 호응을 얻기에 충분했다.모하비 사막의 고운 모래 언덕을 담은 배경화면은 관점에 따라 부드러움과 평온함 그리고 이유 없는 탐험의 본능을 자극하는 느낌을 자아낸다.아직 공식 배포 전에 아름다운 모하비의 모래 언덕을 데스크톱과 아이폰 배경화면으로 적용해 보고 싶은 사용자는 5K 고해상도 배경화면을 내려받을 수 있다.Download : MacOS Mojave Day 5K(5120x288..추천 -
[비공개] MacOS Mojave(모하비) 데스크톱/아이폰 월페이퍼 다운로드
애플이 MacOS를 새롭게 출시할 때마다 은근히 기대하게 되는 것 중 하나가 멋진 배경 화면(Wallpaper) 다. 이번 WWDC18 발표에서 흥미로운 부분 중 하나가 MacOS Mojave 다크 모드로 현지 시각에 맞춰 동적으로 배경화면을 출력한다. 모하비 사막의 배경을 낮(Day)과 밤(Night) 두 가지 풍경을 교체해서 보여줘 신선함을 제공했다. 이것은 특별한 활용도나 기능상의 혁신으로 보기는 모호하지만, 시각적인 관점에서 호응을 얻기에 충..추천 -
[비공개] CSS 애니메이션을 손쉽게 만드는 방법. Keyframes App
CSS 애니메이션을 손쉽게 만드 Keyframes App 웹사이트CSS 애니메이션은 속성을 이용해 구성요소를 제어하여 동적으로 구현할 수 있게 합니다. CSS 속성을 능숙하게 다룰 줄 안다면 어렵지 않게 구현할 수 있으나 그렇지 않다면 쉬운 일은 아니다.이 글을 통해 소개하는 키 프레임(keyframes) 앱을 이용하면 누구나 손쉽게 CSS 애니메이션을 손쉽게 구현할 수 있다.키 프레임은 브라우저와 편집기 사이를 오가지 않고도 애니메이션을 만들고, 보고, 실행하는 데 도움이 되는 시각적 타임라인을 제공한다. 사용자의 구성 작업이 끝나면 CSS가 제공되며 사용자의 활용 선호도에 따른 구글 크롬 확장 프로그램과 웹 앱 형태로 사용할 수 있게 되어있다.키 프레임 크롬 확장기능은 UI가 원하는 웹 사이트(로컬 프로젝트 포함) 상단에 바로 삽입되고 애니메이션 하려는 요소..추천 -
[비공개] CSS 애니메이션을 손쉽게 만드는 방법. Keyframes App
CSS 애니메이션은 속성을 이용해 구성요소를 제어하여 동적으로 구현할 수 있게 합니다. CSS 속성을 능숙하게 다룰 줄 안다면 어렵지 않게 구현할 수 있으나 그렇지 않다면 쉬운 일은 아니다. 이 글을 통해 소개하는 키 프레임(keyframes) 앱을 이용하면 누구나 손쉽게 CSS 애니메이션을 손쉽게 구현할 수 있다. 키 프레임은 브라우저와 편집기 사이를 오가지 않고도 애니메이션을 만들고, 보고, 실행하는 데 도움이 되는 시각적 타임라인을 제공한다...추천 -
[비공개] 풀무원 새 CI 디자인 발표, 글로벌 로하스기업 도약나서
풀무원은 지난 5월 31일 전문 경영인 체제로 전환하고 새 CI를 발표했다. 2005년 이후 13년 만에 리뉴얼한 CI와 새롭게 마련한 브랜드 체계와 로하스 전략을 발표하고 전사가 'One Pulmuone'으로 하나가 됨을 알렸다. 새 CI는 풀무원의 핵심상징은 그대로 유지했다. 주 컬러를 진하게 하고 글자체를 기존 세리프 타입에서 산세리프 타입으로 변경하고 단순화했다. 이러한 변화는 "풀무원이 하나의 로하스 미션 아래 글로벌기업으로 힘차게 나가겠..추천 -
[비공개] 두 이미지 차이점을 강조하는 시각적인 방법 TwentyTwenty
시각적인 diff도구 TwentyTwenty웹 페이지를 통해 두 가지 상품이나 서비스 이미지를 비교하거나 차이점을 강조해서 보여주고자 할 때, 일반적으로 좌.우 또는 상.하 배치를 통해 보여주거나 페이지 전환을 통해 보여주는 경우가 많다.이런 방법은 레이아웃 유지, 공간 제약, 직관성이 떨어져 효율성이 다소 떨어지는 점이 없지 않았다. 물론 다양한 방법의 diff도구들이 적용되고 있지만 보다 사용자 중심 시각적인 도구는 쉽게 접하기 어려웠다.시각적인 diff도구 TwentyTwenty는 두 이미지의 시각적인 차이를 강조하거나 효과적으로 보여주고자 할 때 유용한 방법이 될 수 있다.두 이미지의 이전과 이후를 한 화면, 특정 레이아웃에서 스와이프를 통해 직관적으로 보여준다. 두 개의 이미지를 쌓아서 동작하며, 슬라이더를 이동하면 CSS clip 속성을 사용해 다른 이..추천 -
[비공개] 브랜드.서비스 돋보이게 할 58가지 CSS 타임라인(Timelines..
브랜드나 서비스의 히스토리를 연도별, 월별로 한눈에 볼 수 있도록 시각화한 타임라인은 고객이나 방문자에게 쉬운 이해와 신뢰도를 높이는 데 효과적이다.최근 들어 온. 오프라인 국한하지 않고 연감(Annual)이나 웹사이트에 활용하는 사례가 많아지고 있다.특히 웹 기반 타임라인은 기업이나 단체를 비롯해 개인 포트폴리오 구성에도 활용하여 퍼스널 브랜드 가치를 높이는데 적지 않은 도움을 주고 있다.이 글을 통해 소개하는 58가지 CSS 기반 타임라인 예제들은 데모 및 코드 페이지를 통해 HTML/CSS/JS 3가지 필수 리소스를 제공하고 있어 웹에 대한 기본적인 이해도가 있는 누구든지 손쉽게 활용할 수 있다.또한, 58가지 CSS Timelines 는 구현 이미지와 더불어 가로 모드와 세로 모드를 나누어 소개하고 있어 사용자의 목적에 따라 유연하게 활용할 수 있다..추천 -
[비공개] 웹 개발자.디자이너를 위한 색상 팔레트 추출 프로그램, 사이트 팔레트..
웹 사이트 구축이나 디자인 프로젝트에 있어 색상 계획(Color Scheme)를 세우는 것은 중요하고 전문성이 요구되는 일련의 과정이기도 하다.웹 개발자나 디자이너들이 적절한 컬러 팔레트를 생성하기란 생각만큼 쉬운 일이 아니다. 하지만 이제는 컬러 팔레트 생성하고 자신만의 컬러 라이브러리를 구축하는 고민은 조금 내려놓아도 될 것 같다.소개하는 '사이트 팔레트(Site Palette)'는 웹 페이지 색상을 기반으로 컬러 팔레트를 생성하는 무료 크롬(Chrome) 확장 프로그램이다.편리하고 사용하기 쉬워서 해외에선 최고의 크롬 확장 애플리케이션으로 평가받을 정도로 호평을 얻고 있다.사이트 팔레트 확장 프로그램 설치 후 크롬 브라우저에서 추출하고 싶은 사이트를 방문하고 도구 창에 아이콘을 클릭하면 사이트를 분석하여 Color Cube, Median Cut, Meterial design으..추천 -
[비공개] 지포, 동양미 품은 매난국죽 사군자 라이터 시리스 출시
아메리칸 라이프스타일 브랜드 지포(Zippo)가 동양의 미를 담은 사군자 라이터 시리즈를 선보였다.사군자 시리즈는 선비 정신을 대표하는 梅(매화), 蘭(난초), 菊(국화), 竹(대나무)의 이미지를 각각 담은 총 4종의 라이터로 구성되었다.블랙 펄 폴리시 라이터 표면에 매화, 난초, 국화, 대나무가 각각 새겨져 있는 사군자 라이터는 섬세한 에칭 기법을 이용하여 실제 동양화를 옮겨놓은 듯한 디자인이 시선을 사로잡는다. 여기에 한국의 전통 문살 문양에 선비의 덕을 지닌 각각의 식물을 뜻하는 한자를 기입한 장식으로 세련된 디자인을 완성했다.한겨울 추위 속에서 꽃을 피우는 매화와 은은한 향이 멀리까지 퍼지는 난을 의미하는 한자인 매(梅)와 난(蘭)은 라이터 우측 상단에 배치, 과하지 않게 포인트를 주었다. 한편 늦가을에 꽃이 핀 후 겨울까지 지지..추천 -
[비공개] K-POP 아이돌 그룹 엑소(EXO) 담은 캐시비 교통카드 한정판 출시
케이팝(K-POP)을 대표하는 유명 아이돌 그룹 엑소(EXO)를 담은 캐시비교통카드가 팬들에게 선보인다.에스엠엔터테인먼트 소속 아티스트인 엑소(EXO)를 교통카드 속에 담은 '엑소 캐시비교통카드'는 통합선불카드 '캐시비' 발행사인 (주)이비카드가 이달 28일부터 전국 세인일레븐을 통해 판매한다.엑소 케시비교통카드는 엑소만의 따뜻한 겨울 감성을 느낄 수 있는 2017 겨울 스페셜 앨범 'Universe'의 티지 이미지와 미공개 이미지를 사용하여 각각 색다른 멤버들의 이미지로 디자인한 것이 특징이며, 멤버별 9종과 그룹 1종으로 제작된다.이비카드는 새 학기가 시작되는 시점에 출시되는 굿즈(goods)로 엑소 팬들에게는 특별한 선물이 되고 K-POP 스타를 좋아하는 해외 팬들에게 소장용 레어템으로 인기가 있을 것으로 내다보인다.‘엑소 캐시비교통카드’는 전국 ..추천
1510개
1051917개
717988개
