전체보기
(출처) 73%가 성공하고 있는 영어공부법
(출처) 73%가 성공하고 있는 영어공부법
2017.12.29출처: https://brunch.co.kr/@grteacher/7 매일매일, 포기하지 않고 꾸준히 영어 공부하는 방법 열심히 연습했던 영어면접이 좋은 인상을 남겼던 탓일까? 회사에 들어간 지 얼마 되지 않아서, 영어로 프레젠테이션을 할 일이 생겼다. 신입사원으로서 좋은 인상을 남길 절호의 찬스였으나, 그날의 프레젠테이션은 엉망이었다. 행사가 끝나고 뒤풀이 자리, 저 멀리 있던 테이블의 이야기가 들려왔다. 신입이라고 영어를 다 잘하는 건 아니네… 쟤는 다음엔 안 되겠다. 갑자기 내 입에 들어가는 것이 무엇인지 맛은 어떠한 지 전혀 느껴지지 않았다. 그냥 한 없이 부끄럽고 속상한 마음에 술을 마셨다. 이 죽일 놈의 영어… 영어… 영어로 인해 속상했던 기억은 나만의 이야기는 아닌 것 같다. 직장인 설문조사 ..
(출처) 성공하는 자기계발의 원칙
(출처) 성공하는 자기계발의 원칙
2017.12.28출처: https://brunch.co.kr/@grteacher/6 빈발하는 야근, 회사와 가정의 스트레스 속에서도 자기계발에 성공하는 방법지난 글에서, 직장인의 자기계발이 성공하기 힘든 이유를 정리했다. 물리적으로 부족한 시간, 직장과 가정을 양립하면서 얻는 과도한 스트레스가 자기통제력을 약화시키고, 그 결과 많은 에너지가 필요한 자기계발은 지속되지 못한다. 그러나 당장 이런 상황을 개선하는 것은 쉽지 않은 일이다. 어제까지 갈등 상황에 있던 부부가 오늘 당장 부부관계를 개선시킬 수 없고, 과다한 업무량을 변화시키기도 어렵다. 성공적인 자기계발을 위해서는 오히려 이러한 악조건 속에서도 지속이 가능한 방법을 찾는 것이 현명한다. 이번 글에서는 성공적인 자기계발을 위한 원칙을 설명하려고 한다. 원칙은 다음..
(출처) 모바일 UI UX 기본가이드 모바일 UI 디자인 기본 요소 - 색채 Color
(출처) 모바일 UI UX 기본가이드 모바일 UI 디자인 기본 요소 - 색채 Color
2017.12.28출처: https://brunch.co.kr/@chulhochoiucj0/17 색채 color는 사용자 인터페이스에서 중요한 시각적이고 기능적인 요소이다. 또한 브랜드 정체성을 표현하고 앱의 스타일을 결정하는 가장 중요한 요소 중 하나이다. 네이버의 녹색이나 카카오의 노란색을 떠올려 보면 알 수 있다. 사용자 인터페이스 측면에서는 색채는 즉각적이면서 강력한 상호 작용을 유도한다. 색채와 UI 디자인색채는 사용자에게 상호작용 요소를 직관적으로 이해시킨다. 버튼 같은 컨트롤에 고유의 색을 부여하고 앱의 전체 화면에 일관성 있게 사용하여 시선을 집중시키고 행동을 유도할 수 있다. 휴대폰에서 초록 버튼은 ‘통화'를 빨간 버튼은 종료'를 사용하는 것처럼 색을 효과적으로 적용하면 사용자 인터페이스의 사용성을 높일 ..
(출처) 모바일 커머스 상품리뷰 UX 가이드
(출처) 모바일 커머스 상품리뷰 UX 가이드
2017.12.28출처: https://brunch.co.kr/@chulhochoiucj0/11 상품 리뷰(상품평)는 상품과 브랜드에 대한 고객의 신뢰를 만듭니다. 사용자의 대부분은 원하는 상품의 구매를 결정하기 전에 리뷰를 봅니다. (약 80%가 구매 전 리뷰를 봅니다.) 온라인 쇼핑에서는 상품과 판매자를 직접 보지 못하는 특성 때문에 대다수의 소비자들은 앞선 구매자들의 상품 리뷰에 의존해 구매 여부를 판단하게 됩니다. 즉 다른 소비자가 제공하는 상품 사용 경험이나 사용 후기 등과 같은 정보를 보다 더 적극적으로 탐색하여 구매 결정에 반영합니다. 사람들은 무엇을 구입할지 다른 사람들 또한 그렇게 사는지에 대해 이야기하는 것을 좋아하고 다른 사람들의 의견을 신뢰하는 경향이 있습니다. 이처럼 다른 사람들의 행동이나 의견이 ..
(출처) 모바일 커머스 아이콘
(출처) 모바일 커머스 아이콘
2017.12.28출처: https://brunch.co.kr/@chulhochoiucj0/15 모바일 커머스 관련 아이콘을 공유 일러스트로 디자인했고 약 390개 정도 됩니다. 아래 파일 다운로드하시고 압축을 푸시면 AI파일로 일러스트레이터에서 열어서 사용하실 수 있습니다. 레이어로 그리드도 같이 있어 수정해서 쓰실 수 있습니다. 안드로이드 아이콘을 기반으로 디자인을 변형했습니다. 안드로이드 아이콘의 라운드를 최소화해서 좀 더 세련련돼 보이도록 했습니다. 거기에 커머스 관련 아이콘을 추가했습니다. 크기는 24픽셀로 작업해서 웹사이트와 모바일 앱 모두 사용 가능합니다. 아이콘 이름이 좀 부실할 수 있습니다. 다운로드하으셔서 정리하시거나 업그레이드하시면 저에게도 공유해주시면 감사하겠습니다. 상업용이든 개인적인 용도이든 아무..
티스토리 #1 스킨 - 마우스 스크롤 시 상단바 없애기
티스토리 #1 스킨 - 마우스 스크롤 시 상단바 없애기
2017.12.27이번에는 티스토리 #1 스킨에서 마우스 스크롤 시 상단바를 Fade In/Out 효과에 대해서 적용해보도록 하겠습니다. HTML / CSS 편집 페이지 열기먼저 블로그 관리페이지에서 사이드바 메뉴 항목에 보면 HTML / CSS 편집 항목이 있습니다. 다음 항목을 클릭하여 HTML/CSS 편집 페이지를 열어주세요. HTML에 소스 코드 추가HTML 항목에서 제일 하단으로 스크롤을 내려주시면 태그가 있습니다. 태그 바로 위쪽에 다음 코드를 넣어주세요. script.txt 위와 같이 코드를 추가한 후 우측에 저장 버튼을 눌러 지금까지 작업했던 모든 항목들을 저장합니다.이제 블로그로 이동하면 스크롤 시 상단바가 Fade In/Out 효과가 적용이 되어있는 것을 확인할 수 있습니다.
(출처) iOS 디자인 가이드라인 번역 - iPhone X
(출처) iOS 디자인 가이드라인 번역 - iPhone X
2017.12.27출처: https://brunch.co.kr/@zalhanilll/168 iPhone X는 이전보다 풍부하고 다양한 콘텐츠를 잘 전달할 수 있는 큰 고해상도 디스플레이를 갖고 있습니다. Screen Size세로인 경우 iPhone X의 디스플레이 너비는 iPhone 6, 7, 8의 4.7 인치 디스플레이의 너비와 일치합니다. 그러나 iPhone X의 높이는 4.7인치 디스플레이보다 145pt가 더 큽니다. 이는 콘텐츠를 볼 수 있는 영역이 20% 늘어났다는 것을 의미합니다. 앱의 아트웍에 고해상도 이미지를 사용하세요. iPhone X는 3x배율의 고해상도 디스플레이를 제공합니다. 글리프나 다른 아트웍의 경우에 디스플레이의 크기와 관계없이 일관된 크기로 표시되는 독립적인 pdf를 사용하는 것이 가장 좋습니..
(출처) iOS 디자인 가이드라인 번역 (5/5) - UI Control
(출처) iOS 디자인 가이드라인 번역 (5/5) - UI Control
2017.12.27출처: https://brunch.co.kr/@zalhanilll/86 1. Button버튼은 대부분의 사용 사례에 대해 미리 정의된 여러 가지 스타일을 제공합니다. 또한 사용자가 버튼을 직접 디자인할 수 있습니다. system button 동사를 사용하세요.동사형 제목은 버튼을 탭 하면 어떻게 되는지 알려줍니다. 대문자를 사용하세요. 기사, 접속사, 전치사를 제외한 모든 단어는 대문자로 시작해야 합니다. 짧게 유지하세요. 긴 텍스트는 인터페이스를 복잡하게 만들고, 작은 화면에서 잘릴 수 있습니다. 테두리 또는 배경은 필요한 경우에만 추가하세요.기본적으로 시스템 버튼에는 테두리나 배경이 없지만, 일부 콘텐츠에서는 상호 작용을 나타내기 위해 테두리나 배경이 필요합니다. Detail Disclosure bu..
(출처) iOS 디자인 가이드라인 번역 (4/5) - UI Bars
(출처) iOS 디자인 가이드라인 번역 (4/5) - UI Bars
2017.12.27출처: https://brunch.co.kr/@zalhanilll/80 1. Navigation BarNavigation bar는 앱 화면 상단에 위치한 Status bar 아래에 나타나며 앱 화면을 탐색 할 수 있습니다. 새로운 화면이 나오면, 이전 화면의 제목이 표시된 뒤로가기 버튼이 왼쪽 상단에 나타납니다. 때때로 Navigation bar의 오른쪽에는 편집 또는 완료 버튼과 같은 컨트롤이 나타납니다. *split view의 단일 화면에도 Navigation bar가 나타날 수 있습니다. Navigation bar는 반투명한 배경 색을 가질 수 있으며 키보드가 화면 상에 나타나거나 제스처 발생 또는 화면 크기가 조정되는 경우와 같이 적합할 때 숨기도록 구성 할 수 있습니다.*split view : ..
(출처) iOS 디자인 가이드라인 번역 (3/5) - Graphics
(출처) iOS 디자인 가이드라인 번역 (3/5) - Graphics
2017.12.27출처: https://brunch.co.kr/@zalhanilll/79 1. App Icon모든 앱에는 App Store에서 주목을 끌 수 있는 아름답고 인상적인 아이콘이 필요합니다. 아이콘은 사용자에게 앱의 목적을 보여주고 의사소통하는 첫 번째 단계입니다. 단순하게 표현하세요. 앱의 본질을 파악하고 그 요소를 단순하고 특별한 모양으로 표현하세요. 세부 사항은 조심스럽게 추가해야 합니다. 아이콘의 내용이나 모양이 지나치게 복잡하면, 특히 작은 크기의 경우 세부 정보를 구분하기가 어려울 수 있습니다. 중요한 하나의 포인트를 제공하세요. 하나의 포인트로 디자인하면 즉각적으로 관심을 끌고 앱을 명확하게 식별할 수 있습니다. 인식할 수 있는 아이콘을 디자인하세요. 사용자에게 앱이 무엇을 나타내는지 분석하게 해서..
(출처) iOS 디자인 가이드라인 번역 (2/5) - Visual
(출처) iOS 디자인 가이드라인 번역 (2/5) - Visual
2017.12.27출처: https://brunch.co.kr/@zalhanilll/72 1. Animation사용자와 콘텐츠는 iOS에서 구현된 아름다운 애니메이션을 통해 화면 상에 시각적으로 연결되어 있습니다. 애니메이션을 적절히 사용하면, 상태를 전달하고, 피드백을 받으며, 조작감을 높이고, 사용자가 행동의 결과를 시각적으로 받아들이는데 도움이 됩니다. 애니메이션 그리고 모션 효과를 현명하게 사용하세요. 애니메이션만을 사용하기 위해 애니메이션을 사용하지 마세요. 특히 몰입감을 제공하지 못하는 앱에서 지나치거나 불필요한 애니메이션을 사용하면 사용자는 흐름이 끊기거나 산만해지는 느낌을 받을 수 있습니다. iOS는 parallax effect와 같은 동작 효과를 사용하여 홈 화면 및 다른 영역에서 깊이를 알 수 있도록 만..
(출처) iOS 디자인 가이드라인 번역 (1/5) - Overview
(출처) iOS 디자인 가이드라인 번역 (1/5) - Overview
2017.12.27출처: https://brunch.co.kr/@zalhanilll/69 1. Design Principles세계에서 가장 진보된 모바일 OS는 아름답고 매력적인 앱을 디자인하는 데 필요한 모든 것을 제공합니다. 앱 디자이너는 앱스토어 차트의 최상위로 부상하는 특별한 프로덕트를 만들 수 있습니다. 그렇게 하려면 품질과 기능에 대한 높은 기대치를 충족시켜야 합니다. 세 가지 기본 테마는 iOS를 다른 플랫폼과 차별화합니다. 명쾌함. 시스템 전체에서 텍스트는 모든 기기에서 읽혀야 하고, 아이콘은 정확하고 명쾌하며, 장식은 미묘하고 적절하며, 기능에 초점을 맞추는 것은 디자인에 동기를 부여합니다. Negative space(여백), 색상, 글꼴, 그래픽 및 인터페이스 요소는 중요한 콘텐츠를 강조하며 상호 작용하..