What’s on our mind?

Collection of articles, design, site, and resources made by designers and publisher @Menu View

Adobe Illustrator shortcuts

인기 있는 단축키 [자유변형] Free Transform ⌘ + T [브러쉬 사이즈 감소] Decrease Brush Size [ [브러쉬 사이즈 증가] Increase Brush Size ] [브러쉬 정도 감소] Decrease Brush Hardness { [브러쉬 정도 증가]Increase Brush Hardness } [전경색/배경색 초기화] Default Foreground/Background colors D [전경색/배경색 바꾸기] Switch Foreground/Background colors X [새로운 레이어 카피] New layer via copy ⌘ + J [새로운 레이어 잘라내기] New layer via cut ⇧ + ⌘ + J [영역 추가하기] Add to a selection ..

더 보기

VIBE

더 보기

Kakao Bank

더 보기

현대카드

더 보기

L.POINT

이번에 업데이트 되면서 UI와 UX 신경을 많이 쓴 롯데 포인트 앱입니다.

더 보기

macOS Mojave

dddd 맥 OS에서 사용되는 단축키를 모왔습니다. 기본 단축키 [자르기] Cut ⌘ X [복사하기] Copy ⌘ C [붙여넣기] Paste ⌘ V [실행 취소] Undo ⌘ Z [실행 취소 복귀] Redo ⌘ ⇧ Z [모든 항목 선택] Select all ⌘ A [검색하기] Search ⌘ F [윈도우 숨기기] Hide window ⌘ H [윈도우 최소화하기] Minimize window ⌘ M [새로 열기] New ⌘ N [열기] Open ⌘ O [프린트하기] Print ⌘ P [저장하기] Save ⌘ S [윈도우 닫기] Close window ⌘ W [앱 나가기] Quit the app ⌘ Q [강제로 끄기] Force Quit ⌥ ⌘ Esc [스포라이트 검색하기] Spotlight search ⌘..

더 보기

KONA

KONA 카드 앱입니다.

더 보기

genie

genie 앱입니다. 오랜된 앱인 만큼 페이지도 엄청나네요. 예전에 많이 써던 뮤직앱이니다. 지니

더 보기

Melon

dd 우리나라에서 제일 많이 사용하는 멜론 뮤직 앱입니다. 제일 많이 사용하는 만큼 페이지와 메뉴도 엄청 많네요~

더 보기

Music Mate

아직은 많이 부족한 앱입니다. 사용성과 음악의 추천도가 많이 떨어지는 앱이지만 꾸준한 발전을 기대하는 앱입니다.

더 보기

Youtube Music

유투브 뮤직입니다. 한 번 무료로 한달 동안 써보고 있는데~ 나름 괜찮습니다. 다른 뮤직 앱과 비교해보면 AI기능이 좋은 것 같습니다. 구글이 제일 잘 하는 것이지만 추천 곳이들이 어찌나 맘에 드는지~~ 저를 너무 잘 알고 있네요~

더 보기

Adobe Photoshop shortcuts

어도비 포토샵의 단축키입니다. 인기 있는 단축키 [자유변형] Free Transform ⌘ + T [브러쉬 사이즈 감소] Decrease Brush Size [ [브러쉬 사이즈 증가] Increase Brush Size ] [브러쉬 정도 감소] Decrease Brush Hardness { [브러쉬 정도 증가]Increase Brush Hardness } [전경색/배경색 초기화] Default Foreground/Background colors D [전경색/배경색 바꾸기] Switch Foreground/Background colors X [새로운 레이어 카피] New layer via copy ⌘ + J [새로운 레이어 잘라내기] New layer via cut ⇧ + ⌘ + J [영역 추가하기] Ad..

더 보기

type.method.ac

폰트의 커닝 간격을 맞추는 게임 스타일의 사이트입니다. 타이포 그래픽에서 기본이 되는 간격 연습을 하는 사이트입니다. 90점 나오기가 힘드네요~ 한번 도전해보세요~ SITE

더 보기

cssreference.io

CSS 속성이 정리 잘 되어 있는 사이트입니다. 예제도 정리가 잘 되어 있고 보기 편한 CSS 레퍼런스 사이트입니다. 여기도 영어로 되어 있긴 하지만 크게 불편하진 않습니다. SITE

더 보기

themockup.club

아직 컨텐츠가 많진 않지만 좋은 퀄리티의 다운을 잘 받을 수 있는 목업만 있는 사이트입니다. 퀄리티가 떨어지고 목업만 많은 사이트보단 이렇게 야무진 사이트가 더 끌리네요~ SITE

더 보기

www.unheap.com

제이쿼리 플러그인을 종류별로 유일하게 정리된 사이트가 아닐까 싶네요! 관리도 꾸준하게 잘되고 업데이트도 잘된 사이트입니다. 제이쿼리의 활용성을 잘 발휘할 수 있는 퍼블리셔 필수 레퍼런스 사이트입니다. SITE

더 보기

mozilla.org

파이어 폭스의 모질라 레퍼런스 사이트입니다. 제일 전문성이 돋보이는 사이트이며 새로 생긴 속성과 태그들의 정보를 볼 수 있는 사이트입니다. 현재 개발되고 있는 HTML과 CSS 속성도 자세하게 볼 수 있습니다. 제일 정확한 정보와 최신 정보는 여기가 최고라고 할 수 있습니다. SITE

더 보기

htmlreference.io

HTML 레퍼런스 사이트입니다. 깔끔하고 보기 좋게 정리가 잘 되어 있어서 추천하고 싶은 사이트입니다. 각 태그들마다 예제도 깔끔하게 정리되어 있는 레퍼런스 사이트입니다. 물론 여기도 영어입니다. SITE

더 보기

www.w3schools.com

처음 코딩 시작하는 분이라면 누구나 아는 HTML/CSS 레퍼런스 사이트입니다. 저도 초반에는 많이 참고하고 도움이 되는 사이트입니다. 구글에서 검색하면 무조건 상단에 나오는 레퍼런스 사이트입니다. SITE

더 보기

codrops/css_reference

CSS 속성이 정리가 잘 된 사이트입니다. 비록 영어이긴 하지만 사용하는데에는 크게 문제가 없습니다. 최신 CSS까지 정리가 잘된 사이트입니다. 추천합니다. HTML에 Reference도 나오지 않을까 생각이 듭니다. SITE

더 보기

oscarotero.com

제이쿼리를 배우는 분에게는 필수적인 레퍼런스 사이트입니다. 제이쿼리 API를 보기 쉽게 편하게 정리 해놓은 사이트입니다. 제이쿼리를 잘 만들기도 했지만 이렇게 정리까지 잘 되어 있으면 사용하기가 매우 좋죠~ 레퍼런스 추천 사이트입니다. SITE

더 보기

code.visualstudio.com

요즘 핫 하게 뜨고 있는 비주얼 스튜디오 코드 에디터입니다. 이것 역시 다른 에디터랑 마찬가지로 기능과 사용방법은 비슷합니다. 컴파일러 기능이 있어 더 편리한 것도 있기 하지만 그래도 그냥 에디터 입니다. 자기 스타일에 맞는 에디터를 골라서 쓰면 될 거 같네요~ SITE

더 보기

www.sublimetext.com

서브라임 텍스트 에디터입니다. 다양한 기능과 옵션 빠른 처리 속도가 맘에 드는 에디터입니다. 초보자가 처음에 쓰기에는 설치할 부분이 많아서 불편 할 수 있지만 어는 정도 사용하면 서브라임이 젤 편하다고 생각이 드네요~ 처음에 시작하면 필요한 옵셥은 알아서 설정 됐으면 하는 마음이 있지만, 설치과정이 약간 불편해도 개인적으로 이 에디터가 제일 마음에 듭니다. SITE

더 보기

atom.io

코딩 프로그램 아톰입니다. 아톰, 브라켓, 서브라임 등등 여러가지만 있지만 아톰도 쓸만합니다. 기능이나 디자인은 다른 에디터와 비슷하고 개인 취향에 따라 그냥 선택해서 쓰면 됩니다. 기능이나 옵션은 추가 기능으로 넣을 수 있기 때문에 어떤 에디터는 비슷하다고 생각이 듭니다. SITE

더 보기

brackets.io

코딩할 때 필요한 에디터입니다. 어도비에서 만든 프로그램으로 입니다. 쓰기 좋고 사용성이 좋긴 하지만 FTP 작업이 윈도우 환경에서는 버벅거림 현상이 심합니다. 맥에서는 전혀 이상이 없지만 윈도우로 작업했을 때 멈춤현상이 많아 추천하는 정도는 아닙니다. 그냥 퍼블리셔가 쓰기 좋은 가벼운 프로그램입니다. SITE

더 보기

www.sketchapp.com

벡터 방식의 프로토타입 툴 스케치입니다. 요즘 실무에서도 스케치를 아주 많이 씁니다. 사용성이 조만간 포토샵을 능가하지 않을까 생각이 들 정도네요~ 개인적으로 스케치가 제일 깔끔하고 사용성이 좋은 것 같습니다. 가격도 포토샵에 비하면 저렴하죠~ SITE

더 보기

adobe.com

어도비에서 무료로 제공하고 있는 프로토타입 툴 XD입니다. 스케치를 카피한 느낌이 많이 들지만 그래도 무료로 쓸 수 있다는 장점과 꾸준한 업데이트는 최고라고 생각이 듭니다. 또한 윈도우와 맥을 다 지원하지만 윈도우는 10부터 지원을 합니다. 스케치와 함께 더욱더 발전 했으면 좋겠네요. SITE

더 보기

www.figma.com

요즘 핫 하게 뜨고 있는 디자인 툴입니다. 브라우저에서 작업 할 수 있는 에디터이며 맥이나 원도우 상관 없이 브라우저만 있으면 가능합니다. 무료 버전도 있기 때문에 누구나 사용 할 수 있으며, 공유도 가능한 에디터입니다. 정말 괜찮은 에디터라고 생각이 드네요! SITE

더 보기

2017년 디자이너들이 주목해야 할 디자인 도구들

2016년에는 정말 다양한 디자인 도구들이 시장에 등장했고, 기존 도구들도 속속 새로운 기능들을 선보였습니다. 디자이너들은 도구들의 풍족함과 그에 수반되는 선택의 어려움을 모두 느꼈을 것이라는 생각이 드네요. 2017년을 맞이하는 시점에서 내년에 더욱 더 기대가 되는 디자인 도구들을 선정해 보았습니다. 디자이너 커뮤니티에서 자주 언급되는 것들을 위주로 선정했어요. 물론 이 리스트에 포함되지 않은 도구들도 많을 것이라고 생각합니다. 가볍게 참고한다는 느낌으로 읽어주시면 감사하겠습니다. ........ 원문보기

더 보기

toptal.com

디자이 패턴만 모아 놓은 사이트입니다. 꾸준하게 관리가 잘되서 유명한 사이트입니다. 디자인 작업시 패턴에 영감을 받고 싶다면 이 사이트를 추천합니다. 코딩용은 아니기 때문에 소스를 제공하지 않습니다. 이미지 파일을 다운 받을 수 있습니다. SITE

더 보기