2014 1월 | EDA Communications

2014년 1월 27일
by aduris
0 comments

2014년 주요 웹디자인 트렌드 18선

2014년엔 어떤 웹디자인 트렌드를 보게 될 거라 생각하시는지? 필자는 다른 것들보다 좀더 심플하고, 깔끔하고, 작은 화면 사이즈에 특화된 게 유행할 거라 본다.

이 컬렉션은 전체적으로 관찰과 경험에 의한 추측, 그리고 지난 몇 달간 필자가 엮어 본 다른 많은 글들에 기반해 작성되었다. 그런 고로 다른 글들보다 좀더 정확할 것임!

놓친 트렌드가 있을 수 있으니, 여러분의 생각과 예상을 아래 댓글로 달아 주시길.

1. 플랫(입체감을 뺀) UI는 계속 성장세

산세리프 폰트의 팬인 나로서는 현재 장식적인 것보다 깔끔한 것이 트렌드란 걸 알릴 수 있어 기쁘다. 윈도우8은 이 점에 있어 매우 영향력이 컸고, 그 다음으로 애플이 iOS7을 런칭하며 스큐어모피즘을 버렸다. 플랫 디자인에는 여전히 많은 잠재력이 있다.

Windows 8

Apple iOS7

Skibuddy

2. 모바일 퍼스트(모바일부터 생각하기)

요 몇년간 스마트폰과 타블렛 사용의 급증으로 많은 웹사이트들에서 모바일 트래픽이 데스크탑 트래픽을 추월하고 있다. 2014년에도 늘어나는 모바일 점유율은 디자이너들이 더 작은 화면에서의 사용자 경험(UX)을 재고하게끔 할 것이다(물론 더 커진 화면도 고려해야 할 것이다). 모바일에서 이용 가능한 사용자 베이스에 적응할 필요성은 한 회사를 좀더 민첩하게, 조직내 혁신을 추동케끔 할 수 있다.

물론 실제로는 대다수의 회사에서 ’모바일 퍼스트’가 적용이 잘 안 되고 있다. 적어도 아직은 여전히 ‘모바일 세컨드’이지만, 반응형과 적응형웹을 수용한 곳에서는 투자수익률이 크게 오를 수 있다.

3. 여전히 긴 스크롤

2012년에 스크롤링 웹사이트를 탐구했을 적엔 아직 스크롤링 웹사이트가 유행의 초기 단계였지만 그 뒤로는 많이 보인다. 스크롤링이 매우 쉽기 때문이기도 하고, 디자이너들이 모바일과 타블렛 기기들을 고려하고 마음 속으로 스크롤(swipe)을 생각하기 때문이기도 하다.

패럴렉스 스크롤(Parallax Scrolling), 가로 스크롤, 컬럼-기반 스크롤, 무한 스크롤은 모두 2014년과 앞으로 계속 더 보게 될 것들이다. 다만 특히 무한 스크롤 관련해서 경계할 점이 몇 가지 있다.

4. HTML5 장점

HTML5가 주는 기쁨에 대해 내가 떠드는 걸 듣기보다 Codepen을 방문해 예제를 따라해 보며 뭐가 가능한지 보길 권한다. 아니면 HTML5에 CSS3와 jQuery를 잘 섞어 만든 창의력 있는 에이전시 사이트들을 보길 바란다.

5. HTML5 나쁜 점

이미 나는 웹디자인을 조악하게 만드는 것, 자제력 없는 이들이 사용자 경험에 반하는 범죄를 저지르는 것에 대해 상세히 불평한 바 있다. 할 수 있다는 것이 곧 해야 한다는 것을 의미하지는 않는다.

예를 들어 당신의 흥미로운 새 웹사이트에 들어가는 데에 1분이 걸린다면, ‘기다려 주세요’라는 로딩 아이콘이 아무리 번드르르해도 그건 잘못된 것이다. 기다리는 것은 언제나 짜증나는 일이다. 나는 브래드 프로스트의 “퍼포먼스는 디자인이다“에 동의한다.

깔끔한 사용자 경험을 제끼고 플래시 시절의 번지르르함으로 회귀하는 것은 어떤 식으로든 일어나지 않기를 바란다.

‘

6. 아주 소소한 UX

디테일에 주목해 웹사이트를 다른 것과 구별되게 만들 수 있다. 과하지 않게 감각을 만족시켜주는 메뉴, 트랜지션(transition) 효과, 마우스오버 효과 등 아주 소소한 UX(micro UX) 효과가 웹사이트에 활기를 불어넣어줄 수 있다. 예를 들어 데일리 비스트지의 사랑스러운 진행 표시기를 보시라.

7. 텍스트를 더 적게

웹에 텍스트를 잔뜩 쓰는 방식이 훨씬 줄어드는 듯 하다. 일부 앱들과 웹사이트들에서는 눈에 보이는 텍스트가 거의 없고 사용자에게 정보를 전달하기 위해 이미지와 아이콘에 의존하기도 한다.

일부 사례에서는 이 방식이 잘 작동했지만, 보통은 텍스트를 완전히 제거하는 것은 별로 도움이 안 되는 것 같다. 예를 들어 스냅챗(Snapchat) 홈페이지는 10개가 안 되는 단어를 사용하고 있는데 방문객들이 이게 뭔지 알 수 있으려면 비디오를 보도록 요구하고 있다.

의료 대쉬보드 컨셉

ELI – 이런 식의 배치는 포트폴리오 사이트처럼 보이게 한다.

Snapchat

8. 최소한의(미니멀한) 네비게이션(메뉴바)

기본만 남긴 네비게이션의 유행은 계속 퍼지는 듯 하다. 부분적으로는 모바일용으로 압축적인 네비게이션 디자인 수요에 영향 받아, 아이콘, 롤다운(rolldown), 페이지 스크롤을 내리면 줄어드는 네비게이션에 포커스를 둔 사이트를 많이 볼 수 있다.

미디엄Medium

스마트 홈

9. CSS가 이미지 대체

CSS를 쓸 수 있는데 왜 이미지를 쓰는가? 매력적인 CSS 체크박스 세트를 원치 않을 자가 누구란 말이뇨?

10. 비디오 / 움직이는 배경

이건 단연코 훨씬 더 많아질 거라 생각한다. 가디언지의 Firestorm이 그 좋은 예로, 2014년에는 (컨텐츠 사이트보다) 브랜드들이 더 많이 다이나믹한 배경을 활용할 거라 본다.

The House of Eyewear

11. 풍부한 컨텐츠 경험

Firestorm에서 계속 되는 것이다. 일부 언론 출판계는 텍스트, 이미지, 비디오, 인터랙티브한 기능들, 적절한 길이의 스크롤 등을 섞은 온라인 컨텐츠 경험 관련 쪽으로 이동해 가고 있다.

ESPN’s Grantland

12. 한 페이지를 최대한 사용

점점 많은 사이트들이 새로운 페이지를 로딩하는 것을 피하는 대신 현재 페이지에 내용을 추가적으로 보여주는 걸 선호하고 있다. 라이트박스, 오버레이, 확대/위치가 바뀌는 타일은 모두 평균적인 사용자의 탐색에서 클릭 수를 줄여줄 수 있다.

Stories by H&M

13. 다양해진 타이포그라피

웹폰트가 부상 중이고, 디자이너들은 전에 없이 큰 폰트를 좋아하며 여러 폰트를 섞어 매치하는 게 유행하고 있다. 덧붙여 반응형 타이포그라피는 반응형 웹디자인에서 큰 부분을 차지해야 한다.

14. 단색 디자인

2개 색상과 그 색조로 충분할 것에 왜 3 가지 색을 쓰는가? 최근 매력적인 단색조의 팔레트들을 좀 보았다.

Qatar Airways

15. 다양한 색들

다시, 무지개색을 다 쓸 수 있는데 왜 2가지 색을 쓰는가? 여러 색을 쓴다고 해서 꼭 현란하거나 집중을 방해하는 건 아니다. 다색 디자인은 특히 플랫 디자인과 잘 어울리는 듯 하다.

컬러풀한 웹사이트와 앱을 한 번 보시길.

Coloured Lines

16. 카드/타일

나중에 상술할 생각이지만 일단 왜 카드가 ‘웹의 미래’인지에 대한 개관을 보시길. 나는 카드가 과거이며 현재이기도 하다고 생각하게 됐다.

Etch

Pravda

Silktricky

17. 더 크고 더 좋은 이미지화

텍스쳐 패턴에 반대되는 커다란 사진과 배경 이미지가 점점 일반화되는 듯 한데, 확실히 레티나 디스플레이에서 좋아 보인다. Awwwards의 최신 ‘오늘의 사이트’ 갤러리를 보면 무슨 뜻인지 알 것이다.

언론 출판 쪽도 전례 없이 큰 이미지들을 쓰고 있다

Protest

18. 위치가 고정된 내용/네비게이션

스크롤을 내렸을 때 네비게이션(이나 다른 컨텐츠 박스)이 페이지에 고정되어 있는 경우를 말한다. 네비게이션의 높이가 짧아질 때도 있고 확대될 수 있는 작은 아이콘이 될 때도 있다. 새로 디자인되는 웹사이트들에서 흔히 보이데, 예를 들어 Awwwards를 계속 보자.

출처 : http://blog.jinbo.net/taiji0920/2778

Categories: 개발, 디자인 | Permalink

2014년 1월 24일
by admin
1 Comment

2013년도 Eda 송년회

이번 2013년도 이다 송년회는 파주에서 치뤄진 멋진 송년회였습니다.
경영지원팀의 놀라운 행사 진행 및 아이디어로
마지막도 멋진 이다로 끝을 맺었습니다.

2013년도 이다人들 모두 고생하셨습니다.

Categories: 이다행사 | Permalink

2014년 1월 24일
by aduris
0 comments

나는 왜 개발자인데 자신이없을까?

Deview 2013 발표자료 이민석 from Minsuk Lee

Categories: ABOUT EDA | Permalink

2014년 1월 24일
by gdkim
0 comments

인맥

단지 무언가를 얻을 목적으로 인맥을 쌓으면 성공하기 어렵다.

인맥이 주는 혜택은

의미있는 활동과 관계를 투자한 결과로 따라오는 것이지

그것 자체를 추구한다고 얻을 cheap football shirts 수 있는 게 아니다.

- 웨인 베이커 (미시간대 교수)

인맥은 아무런 cheap football tops 대가를 바라지 않고

그저 상대방이 잘 될 수 있도록 먼저 도울 때 쌓이게 된다.

누군가를 만나면 내가 이 Cheap Barcelona football shirts 사람을 어떻게 도울 수 있는가를

먼저 자문하는 사람이 인맥의 달인이 될 가능성이 높다.

아울러 아랫사람에게 Cheap AC Milan football shirts 잘 대하는 사람이

진짜 인맥의 달인이 될 수 있다

-조영탁, Cheap England football shirts 행복한 경영

Categories: EDA TALK, 이다인성 | Permalink

2014년 1월 23일
by gdkim
0 comments

리더의 첫 번째 임무

‘리더의 첫 번째 임무는 cheap football kits 현황에 대해서는 현실적이고 객관적이어야하나,

태도는 항상 낙천주의자가 되는 것이다.

당신과 미팅을 하고 난 뒤 cheap football shirts 부하직원이 어떻게 느끼는가?

의기충천하게 cheap football tops 느끼는가?

만약 그렇지 않다면 당신은 리더가 아니다.’고 했습니다.

사기충천한 부하직원을 만들기 위해선 리더 스스로

항상 낙천적 사고와 희망으로 무장하고 있어야 합니다.

-필드 마샬 몽고메리

* 내가 생각하는 Cheap Barcelona football shirts 것처럼 나쁘진 않다.

* 내일 아침이면 더 좋아질 것이다.

* 나는 해낼 수 있다.

* 두려움을 주거나 부정적인 말을
Cheap Manchester United football shirts 하는 사람들의 충고를 듣지 마라.

- 콜린 파월

Categories: EDA TALK, 이다인성 | Permalink

2014년 1월 21일
by aduris
0 comments

S/W 설계 변경전 따져봐야할 가치

Categories: 개발 | Permalink

2014년 1월 21일
by aduris
0 comments

꼭 기억해야 할 2014 웹디자인 트렌드 10

원문: 10 Web design trends you can expect to see in 2014 By Amber Leigh Turner

2014년, 올해의 웹디자인 트렌드는 어떨까요?

작년의 트렌드들이 상당부분 올해에도 이어질 것으로 예상됩니다. 열 가지 트렌드를 통해 여러분 작업에 힌트를 얻어보세요~

1. 개성있는 타이포그라피

2. 플랫(Flat) 디자인

3. 전체 화면을 모두 사용하는 디자인

4. 데스크탑에서 모바일로

5. 텍스트 대신 영상

6. 긴 스크롤 사이트

7. 심플한 색 구성

8. 단순화 된 콘텐츠

9. 사이드바 삭제

10. (인스타그램 스타일처럼)보정된 이미지 사용

11. ____________. 여러분이 생각하는 또 다른 웹디자인 트렌드가 있나요?

Categories: EDA TALK | Permalink

2014년 1월 20일
by wkk711
0 comments

2013년 이다 블로그의 인기 포스트 모음

2013년도에 이다 블로그에 작성되었던 인기 포스트 5가지에 대한 내용을 작성해보았습니다.

[그래픽디자인]NEW VISUAL WORKS GERMAN GRAPHIC STYLE

새로운 그래픽디자인 스타일을 제안해주는 책을 소개하는 포스트입니다.

‘이다’에서의 디자이너들 뿐만 아니라, 크로스미디어 부서에서의 디자인에 대한 이해와 고민을 엿볼 수 있습니다.

이다 블로그에서는 사내도서목록에서 많은 책들을 제안해주고 있으니 한번 확인해보세요.

2012_서울대학교병원 2013캘린더 수주

지난 2013년 서울대학교병원의 캘린더를 수주한 포스트입니다.

이다에서 가장 ‘핫’하고 인기있는 캘린더 사업이 2013년도 서울대학교병원 캘린더 수주를 했었습니다.

물론 앞으로 2014년도에도 기다리고 있는 캘린더 사업에 많은 기대해주세요.

[그래픽디자인]CALENDER ANNUAL 2007

일본의 캘린더 디자인의 그래픽적 요소의 숫자를 이용한 레이아웃의 트렌드를 알 수 있는 2007년 캘린더디자인을 모아 놓은 도서입니다.

브랜딩 사업부의 캘린더에 대한 고객사들의 니즈가 많기 때문에, 저희는 항상 새롭고 신선한 캘린더 디자인에 대해 많은 연구를 하고 있습니다.

Jean Jacques Sempe

삽화가 장 자끄 상뻬의 일러스트 그림이 모아진 포스트입니다.

<뉴욕의 상뻬>의 이미지와 기타 상뻬의 일러스트 이미지에 대한 레퍼런스 활용으로서 가치가 충분히 있다고 봅니다.

저희 내부에서도 일러스트 작가를 꿈꾸고 있는 디자이너들이 많이 있기 때문에, 재미잇는 포스트입니다.

Illustration icons

2013년도의 디자인 핫 트랜드인 플랫한 디자인의 아이콘을 소개하는 포스트입니다.

플랫한 디자인으로의 전환이 되면서, 실제와 같은 느낌보단 아기자기한 그래픽적 요소들이 많이 등장했는데요.

특히 크로스미디어 부서의 디자이너들이라면 플랫한 디자인으로의 고객사에 제안으로 성공을 많이 거뒀습니다.

Categories: 이다공간, 이다잡담 | Permalink

2014년 1월 13일
by gdkim
0 comments

뚝배기 같은 열정인 ‘열심’

20대에는 미친 듯이 cheap football kits 몰아치는 열정만 빛나 보였는데,

나이가 들수록 ‘열정’보다 ‘열심’이 cheap football shirts 미덥다.

화려하고 요란한 뜨거움 보다 우직한 성실함에게

웃으며 손을 들어주고 cheap football tops 싶다.

눈부시게 잠깐 빛나는 Cheap Barcelona football shirts 사람보다

평범한 날들이 쌓여 은은히 빛나는 사람에게 손을 들어주고 싶다.

- 위서현, ‘뜨거운 위로 한 그릇’에서

묵묵히 오래가는 뚝배기 같은 Cheap Manchester United football shirts 열정이라야 진정한 의미를 가진다.

Categories: EDA TALK, 이다인성 | Permalink

2014년 1월 9일
by gdkim
0 comments

Think Big Start Small,

1. 의미있는 사명감을 cheap football tops 갖는다

2. 크게 생각하고 작게 cheap football shirts 시작하라

3. 한번의 완성이 아닌 Cheap England football shirts 지속적인 혁신을 추구하라

4. 모든것을 cheap football kits 공유하라

5. 어디에서든 아이디어를 찾아라

6. 상상력으로 점화하고 데이터는 연료로 써라

7. 플랫폼이 되라

8. 실패하기를 Cheap Barcelona football shirts 실패하지마라

혁신은 그렇게 시작한다.

Categories: EDA TALK, 이다인성 | Permalink

← Older posts

제21회오픈세미나_HCI KOREA 2014 Report (1)
- 1: 1
제22회오픈세미나_Marketing Square Conference 정보공유 (3)
- 1: 1
- 나기상: SQUARE에 A가 빠졌네욥! Squre
- cho eun jung: 안녕하세요. 질문좀 드릴것이 있어서 답글 남깁니다. Digital IQ -Digital Impression Quality -- 인가요? Digital IQ의 정확한 개념이란 든가? ...
Flat – The New Design Trend for 2013 (1)
- Diploma of Telecommunication Engineering Telkom University: what do you think about design trends in the future?

Monthly Archives: 1월 2014

1. 플랫(입체감을 뺀) UI는 계속 성장세

2. 모바일 퍼스트(모바일부터 생각하기)

3. 여전히 긴 스크롤

4. HTML5 장점

5. HTML5 나쁜 점

6. 아주 소소한 UX

7. 텍스트를 더 적게

8. 최소한의(미니멀한) 네비게이션(메뉴바)

9. CSS가 이미지 대체

10. 비디오 / 움직이는 배경

11. 풍부한 컨텐츠 경험

12. 한 페이지를 최대한 사용

13. 다양해진 타이포그라피

14. 단색 디자인

15. 다양한 색들

16. 카드/타일

17. 더 크고 더 좋은 이미지화

18. 위치가 고정된 내용/네비게이션

꼭 기억해야 할 2014 웹디자인 트렌드 10

1. 개성있는 타이포그라피

2. 플랫(Flat) 디자인

3. 전체 화면을 모두 사용하는 디자인

4. 데스크탑에서 모바일로

5. 텍스트 대신 영상

6. 긴 스크롤 사이트

7. 심플한 색 구성

8. 단순화 된 콘텐츠

9. 사이드바 삭제

10. (인스타그램 스타일처럼)보정된 이미지 사용

최근 포스트

인기 포스트

최근 답글

태그

글목록

페이스북 Recommendations

페이스북 Fan Box

그 밖의 기능