iOS 7 vs Android 4+   UI 비교 

iOS 7 UIButton

label_button_ios7

Android Button

label_button_android


iOS 7 UISwitch

on_off_switch_ios7

Android Switch

on_off_switch_android


iOS 7 UIButton

checkbox_radio_buttons_ios

Android CheckBox

android_check_box


iOS 7 UIButton

checkbox_radio_buttons_ios

Android RadioButton

android_radio_buttons


iOS 7 UIStepper

increment_button_ios7

Android Button

increment_button_android


iOS 7 UISlider

slider_ios7

Android SeekBar

slider_android


iOS 7 UISegmentedControl

UISegmentedControl_Button_iOS7

Android Button

UISegmentedControl_Button_Android



iOS 7 UIMenuController

tooltip_ios7

Android PopupMenu

tooltip_android


iOS 7 UIPickerView

uipickerview_ios7

Android DatePickers

uipickerview_android


iOS 7 UIDatePicker

UIDatePicker_DatePicker_iOS7

Android DatePicker

UIDatePicker_DatePicker_Android


iOS 7 UITextField

UITextField_EditText_iOS7

Android EditText

UITextField_EditText_Android


iOS 7 UITextView

UITextView_EditText_iOS7

Android EditText

UITextView_EditText_Android

Resources: android.widget.EditTex
t

iOS 7 UILabel

UILabel_TextView_iOS7

Android TextView

UILabel_TextView_Android

Reference:android.widget.TextVie
w

iOS 7 UIImageView

UIImageView_ImageView_iOS7

Android ImageView

UIImageView_ImageView_Android


iOS 7 UITableView

uilistview_ios7

Android ListView

uilistview_android


iOS 7 UICollectionView

UICollectionView_GridView_iOS7

GridView

UICollectionView_GridView_Android


iOS 7 UINavigationBar

navigation_ios_title_nav_bar_ios7

Android ActionBar

navigation_android_action_bar


iOS 7 UIBarButtonItem

uinavbar_back_search_ios7

Android ActionItem

uinavbar_back_search_android


iOS 7 UITabBar

tabs_ios7

Android ActionBar Tabs

tabs_android


iOS 7 UIToolBar

UIToolBar_ActionBarBottom_iOS7

Android ActionBar Tabs

UIToolBar_ActionBarBottom_Android


iOS 7 UIActionSheet

UIActionSheet_ActionBarSpinner_iOS7

Action BarSpinner

UIActionSheet_ActionBarSpinner_Android


iOS 7 UISearchBar

search_ios7

Android SearchView

search_android



iOS 7 UIScrollView

UIScrollView_ScrollView_iOS7

Android ScrollView

UIScrollView_ScrollView_Android


iOS 7 UIPageControl

UIPageControl_ActionBarTabs_iOS7

Android Action Bar Tabs

UIPageControl_ActionBarTabs_Android


iOS 7 UIViewController Custom Transition

UIViewController_iOS7

Android DrawerLayout



UIViewController_DrawerLayout_Android

iOS 7 UIWebView

UIWebView_WebView_iOS7

Android WebView

UIWebView_WebView_Android


iOS 7 UIRefreshControl

UIRefreshControl_SwipeDownToRefresh_iOS7

Android Pull to Refresh

UIRefreshControl_SwipeDownToRefresh_Android


iOS 7 UIProgressView

progress_bar_ios7

Android ProgressBar

progress_bar_android


iOS 7 UIAlertView

modal_ios7

Android AlertDialog

modal_android


iOS 7 Push / Local Notifications

Notifications_iOS7


iOS9 

keyboardsPicker.

Segmented Control
Sliders

 Progress

Switch
 Stepper
iOS Icons


UIPageControl


Android Notifications

Notifications_Android





http://bahns.net/5673513  링크 

네스트는 서비스를 통해서 간단한 제품을 고가에 팔아치운 대단한 회사입니다.

그 동안 서비스만 보아왔는데, UI/UX 또한 매우 훌륭하네요. 

자신들의 OS 에서 돌아가는 직접 구현한 UI/UX.  애플 출신들이라 그런지 ㅎㅎ


사용자 인터페이스

image

 

상세내용은  원본링크로 가서 읽으세요. 



출처 : http://nine8007.tistory.com/entry/%EA%B4%9C%EC%B0%AE%EC%9D%80-CSS-%ED%8C%A8%ED%84%B4-%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%93%A4


이미지 패턴 사이트 : http://subtlepatterns.com/

현재 387개의 패턴이 등록되어 있으며 Preview 버튼을 클릭하면 웹상에서 바로 적용된 모습을 확인해 볼 수 있습니다. 꽤 괜찮은 것들이 많이 있으니 한번 구경해 보세요.




출처 :http://nine8007.tistory.com/entry/%EA%B9%94%EB%81%94%ED%95%9C-%ED%8C%8C%EC%9B%8C%ED%8F%AC%EC%9D%B8%ED%8A%B8-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%AC%B4%EB%A3%8C-%EC%A0%9C%EA%B3%B5-%EC%82%AC%EC%9D%B4%ED%8A%B8




왼쪽의 사이드바에 카테고리가 있어서 원하는 자료를 찾기 쉽습니다.

오른쪽의 그림을 누르면 바로 다운로드 됩니다. 몇개의 자료는 다운로드가 안되더군요.

아래의 그림들은 챠트나 다이아그램들의 템플릿을 한번 다운로드 받아본 것입니다.














두번째는 showeet.com이라는 사이트인데 좀 느리기는 하지만 회사 업무용의 챠트나 템플릿이 괜찮아 보여서 올립니다. 파워포인트 템플릿 다운로드는 아래의 그림처럼 하면 됩니다.


위의 그림에서 파워포인트 모양의 기다란 직사각형 버튼을 클릭하면 자료를 다운로드 받을 수 있습니다.

아래는 위사이트의 파워포인트 템플릿 몇가지를 올려본 것입니다.







 




아래의 사이트는 주로 파워포인트 배경이나 디자인, 테마 등이 많이 있고 다운로드 받기에도 편리한 사이트 입니다.





출처 : http://nine8007.tistory.com/275



사용분야 : 포토샵, 파워포인트, 엑셀, 웹페이지, 블로그 등 페이지의 집중도를 높여주는 곳

             (특히 파워포인트에서는 깔끔한 비주얼 좋아요)

아이콘이라고 해서 꼭 컴퓨터나 핸드폰의 바탕화면 아이콘만 사용한다는 편견은 버려주세요.

왜냐하면 아이콘의 크기가 큰것은 512 x 512 까지되는 것도 많기 때문입니다.


1. IconFinder


아이콘파인더는 세계에서 가장 유명하고 방대한 량의 아이콘을 보유 및 검색할 수 있는 최고의 엔진중에 하나이다. 이 포스트를 쓰고 있는 현재 약 38만 6천개의 아이콘중에서 검색한다. 무료 아이콘은 일단 키워드 검색으로 키워드를 넣고 엔터를 친후에 Free로 다시 필터링하면 된다.

ICONFINDER 가기



2. FindIcon


PNG, ICO, ICNS 파일 형태로 다운로드 가능하다. 이곳도 상당히 유명한 아이콘 검색 사이트이다. 좀 컬러풀한 아이콘들이 많다. 한국인이 좋아하는 아이콘들이 많이 있는 검색사이트인 것 같다. 나도 이곳을 상당히 많이 찾는다. 블로그 포스팅할때 이곳의 아이콘들을 적당히 배치하면 좋을 것 같다. 현재 약15만개의 아이콘중에서 검색한다고 나와 있다.

FINDICON 가기



3. MyiconFinder


PNG, ICO, ICNS 파일의 형태로 다운로드가 가능하다. 또한 크기별로 16x16 20x20 24x24 32x32 48x48 64x64 128x128 256x256 512x512 로 분류되어 있어서 원하는 종류로 다운로드가 가능하다. 심플한 아이콘, 귀여운 아이콘 등 눈을 즐겁해 해주는 아이콘들이 꽤 많이 있다. 검색량은 약 8천개의 아이콘과 275개의 아이콘 세트 중에서 검색한다고 나와 있다.

MYICONFINDER 가기



4. Flaticon


약 6만개의 벡터 아이콘 보유하고 검색한다고 나와 있다.

인포그랙픽용 아이콘으로 사용하기에는 딱이다. 블로그나 웹페이지에서 자주 사용할 것 같다.

SVG, EPS, PSD, PNG 형태로 다운로드 제공하며 webfont 형태의 아이콘 폰트도 같이 제공하고 있다. 고품질의 벡터 아이콘이나 아이콘 폰트를 찾는다면 이곳에서 거의 모든 종류의 아이콘을 찾을 수 있다. 단 벡터 형태이므로 세밀하고 컬러풀한 형태는 없고 전부 블랙이다. CSS를 통해서 색깔은 스스로 바꿔야 한다.

FLATICON 가기



+ Recent posts