2013년 1월 25일
by wkk711
0 comments

Stop Misusing Select Menus

When to Use a Select Menu

 

 

 

Labeling Select Menus

 

 

When to Use a Default Select Menu Option

 

 

Grouping Select Menu Options

 

 

Using Select Menus for Navigation

 

 

Select Menus are Best for Forms, Not Navigation

 

 

출처 : bit.ly/10HIFy1

2013년 1월 24일
by aduris
0 comments

오픈소스 라이센스 모음

오픈소스는 쉽게 말해 소스코드를 공개 하여 많은 개발자들이 참여하여 발전해나가자~ 뭐 이런 느낌입니다.

오픈소스라고 해서 무제한 사용이 가능한것이 아니라 지정된 라이센스에 따라서
저작권 보호도 되고 소스의 사용/복제/수정/배포의 제약이 있으므로 라이센스별 차이와 제한을 알고 사용해야할듯 합니다 ^^

개인적으로는 MIT 라이센스 완전편해요 >_<

The Code Project Open License (CPOL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Common Development and Distribution License (CDDL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Microsoft Public License (Ms-PL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Mozilla Public License 1.1 (MPL 1.1)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Common Public License Version 1.0 (CPL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Eclipse Public License 1.0

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The MIT License

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The BSD License

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Apache License, Version 2.0

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 예
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The Creative Commons Attribution-ShareAlike 2.5 License

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 아니오**
* 라이센스 전파 여부: 예**

The zlib/libpng License

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

공개 커뮤니티에 대한 공헌 (라이센스 아님)

* 저작권 보호: 아니오**
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 아니오
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 아니오

The GNU Lesser General Public License (LGPL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 아니오**

* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 예
* 라이센스 전파 여부: 예**

The GNU General Public License (GPL)

* 저작권 보호: 예
* 상용 소프트웨어에서 사용 가능: 예
* 버그 패치 및 기능 확장 제공의 의무: 예**
* 명시적 특허권 행사 가능 여부: 아니오**
* 사유 프로그램 (소스 비공개 프로그램)에서 사용 가능 여부: 아니오**

* 라이센스 전파 여부: 예**

2013년 1월 24일
by shpark
0 comments

Edge Popup

easing 효과를 이용한 Popup을 만들어 보았습니다.
Edge에서는 심벌과 프로그램머가 심벌안에 넣어놓은 DIV태그를 동시에 컨트를 하는것이
관건인데 이제 좀 능숙해 지는것 같습니다.
차후에는 그동인 디자인팀에서 만들었던 모션들을 적용하면서 현업에 프로그램을 적용해보록 하겠습니다.
[보기]

2013년 1월 23일
by admin
0 comments

smartphone용 UI 개발에 참조할만한 사이트

mobile UI가 잘 정리된 사이트 주소 하나 공유합니다.

UI기획자와 디자이너는 참조할 만한 것 같습니다.

 

http://monsterdesign.tistory.com/1630

 

이 링크가 없어지지 않기를 바라지만… 모르니 주소만 복사해서 붙여넣어도 나중에 도움이 되겠지요. ^^

1) http://developer.android.com/design/index.html

2)  http://www.mobiledesignpatterngallery.com/mobile-patterns.php

3) http://www.androidpatterns.com

4) http://inspired-ui.com

5) http://www.mobile-patterns.com

6) http://www.mobilepatterns.com

7) http://pttrns.com

8) http://androidpttrns.com

9) http://www.cocoacontrols.com

10)  http://www.patternsofdesign.co.uk

11) https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1

12) http://www.lovelyui.com

13) http://www.uiparade.com

14) http://4ourth.com/wiki/Index

15) http://www.developer.nokia.com/Community/Wiki/Category:Mobile_Design_Patterns

2013년 1월 22일
by shpark
0 comments

Edge iframe

Edge의 기능이 아닌 순수 Jquery 및 Html5페이지를 Edge 심벌에 넣은수 있는 좋은 기능이기도 합니다.
평범한 Html Document에서 Iframe은 기술적으로 큰 가치가 있는것은 아니지만, MVC모델을 기초로 하여
만들어진 Edge에서는 생각외로 다양한 효과를 낼수 있을것습니다.

이번에는 Html5에 있는 video Tag를 이용해 Mp4를 호출 Edge 심벌에 넣어 보았습니다.

[보기]

2013년 1월 22일
by 김성용
0 comments

기획자라면…

내게 기획자라는 직함을 가지게 만들어준 나의 은인은

분석하고, 설계하고, 구조화하라 그리고 UX 라는 관점을 잊지 말아라 라는 말을 했다.

2013년 1월 21일
by admin
0 comments

html5 PC 벗어나 일상생활영역으로 적용 확대

html5가 PC용 웹브라우저를 벗어나 생활가전, 자동차 등 일상생활 영역으로 확대 적용되고 있다고 합니다.

우리가 html5에서 주목한 점은 웹 브라우저에 무관하게 한 번만 개발하면 재활용 가능하다는 점이었는데…

이 기사에서도  이 점이 html5가 향후 기대되는 가장 큰 이유로 뽑고 있다는 점입니다.

예를 들어, 이 블로그 포스트를 쓰게 된 계기의 신문기사(HTML5, PC 벗어나 일상생활 영역으로 적용 확대)에서 다음의 문단에 주목할 필요가 있어 보입니다.

CES 2013에서 자동차 상위 8개 업체들이 infotainment(information + entertainment)와 telematics(telecommunication + informatics) 기능을 갖춘 smart connected car solution을 선보였다. 주목할만한 점은 인터넷 검색 등은 기본이고, 자동차 interface와 연계하여 차량제어 플랫폼으로 진화하고 있다.

또다른 신문기사(국내 HTML5 시장 본격 개화기/ 스마트워크 확산에 공공ㆍ대기업 수요 확대/ 가전ㆍ자동차 등 다양한 산업군 적용 확산)에서  html5 저작도구(‘다빈치’)의 개발업체 인크로스가 대기업과 공공기간을 대상으로 영업을 추진하고 있으며, 이 회사는 html5를 활용해 스마트워크 구축시 다양한 기기와 운영체제에 맞춰 별도의 애플리케이션을 만들지 않고 한번에 스마트워크 환경을 구축했다고 하네요. 같이 거론된 오비고라는 업체는 위의 신문기사에서도 거론된 업체로 차량 및 스마트 TV 분야에  html5를 적용하는데 한발 앞서 있는 것으로 보이네요.

우리가 설정한 방향이 틀리지 않았다는 점을 이런 기사들을 통해서 확인할 수 있습니다.

우리가 하는 일에 대하여 자신감과 자부심을 갖고 좀 더 앞서가려는 노력해 보도록 합시다.

 

P.S. W3C(World Wide Web Consortium)의 HTML5 기술 표준화 완료시점은 2014년이라고 하네요.. 믿어도 되는지는 잘 모르겠네요.

관련기사 링크

2013년 1월 18일
by shpark
0 comments

Edge Animate 막대 움직이기

Edge 막대 움직이기

2013년 1월 17일
by gdkim
0 comments

Wayfinding Westerdals on Behance

Wayfinding Westerdals on Behance

 

2013년 1월 15일
by admin
0 comments

Design Trends 2013 – Flat And Minimal

One of the new trends in terms of digital design, especially interface design, is the return of simple, flat and typographical design. We can say that Microsoft might have started that back in 2007 when they launched the Zune with its beautiful typographic based interface. Despite the failure of the product, that UI was improved and applied to the Windows Phone and Windows 8 interface design. The iOS on the other hand was always heavily based on photorealistic textures and depth by using gradients, glossy style effects and shadows, however we started to see more and more apps for all platforms adopting a more minimalistic approach.

 

 

ZUNE 2007/2008

 

There are lots of reasons to adopt a flat design, one of the most important is scalability. When designing for multiple devices it’s important to consider ways to optimize the design. For instance, when using solid colors and less image based UI the number of assets necessary to create an app or a website is much lower and therefore the footprint of the app/website much smaller.

In this post we want to feature some beautiful designs that illustrate this trend. The images are from Dribbble and make sure check out the thumbnail to visit the authors page for more information

Regy Perlera

Design Trends 2013 - Minimalist and Flat

 

 

Alex Vanderzon

Design Trends 2013 - Minimalist and Flat

 

uidynamics

Design Trends 2013 - Minimalist and Flat

 

Cosmin Capitanu

Design Trends 2013 - Minimalist and Flat

 

Zane David

Design Trends 2013 - Minimalist and Flat

 

Paul Macgregor

Design Trends 2013 - Minimalist and Flat

 

Cosmin Capitanu

Design Trends 2013 - Minimalist and Flat

 

 

Josh Tilton

Design Trends 2013 - Minimalist and Flat

 

 

David

Design Trends 2013 - Minimalist and Flat

 

Fabio Basile

Design Trends 2013 - Minimalist and Flat

 

 

Eddie Lobanovskiy

Design Trends 2013 - Minimalist and Flat

 

 

출처 : http://abduzeedo.com/design-trends-2013-flat-and-minimal

Proudly powered by WordPress | Theme: Yoko by Elmastudio

Top