[B! ui] mathatelleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mathatelle id:mathatelle

uiã«é–¢ã™ã‚‹mathatelleã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (119)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ç¢ºå®Ÿã«è‰¯ãã™ã‚‹UI/UXè¨è¨ˆ
æ—¥çµŒé›»åç‰ˆã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã€ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ¢ãƒ‡ãƒ«è¨è¨ˆã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆç›£ä¿®ã‚’ã•ã›ã¦ã„ãŸã ã„ãŸã€‚ è¶…å¤§åž‹ã‚¢ãƒ—ãƒªã‚’å®Œå…¨ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã¨ãã€KPIã‚’è½ã¨ã™äº‹ãªãã€ã©ã®ã‚ˆã†ã«æ•´åˆæ€§ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼åˆ©ä¾¿æ€§ã‚’æ‹…ä¿ã—ã¦ã„ãã‹ã€‚ ã€Œæ—¥çµŒé›»åç‰ˆÃ—Sansanã‚¢ãƒ—ãƒªé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæˆåŠŸã¸ã®é“ã€œã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‹‰å¼·ä¼šVol.2ã€ã‚ˆã‚Š http://connpass.com/event/16187/Read less
mathatelle 2015/06/25
ui

ux
ãƒªãƒ³ã‚¯
ðŸŽ¨ Material Design Colors, Color Palette | Material UI
Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.
mathatelle 2015/01/26
material design

color

ui
ãƒªãƒ³ã‚¯
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
mathatelle 2014/11/30
ui
ãƒªãƒ³ã‚¯
Material UI
Google's material design UI components built with React.
mathatelle 2014/11/09
ui
ãƒªãƒ³ã‚¯
Bootstrap 3ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸãƒ•ãƒ©ãƒƒãƒˆãªã‹ã‚ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®HTMLã¨PSDãŒæƒã£ã¦ã‚‹ç„¡æ–™ã®UIç´ æ -Druken Parrot UI Kit
Bootstrap 3ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸãƒ•ãƒ©ãƒƒãƒˆãªã‹ã‚ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®HTMLã¨PSDãŒæƒã£ã¦ã‚‹ç„¡æ–™ã®UIç´ æ -Druken Parrot UI Kit
mathatelle 2014/11/02
ui
ãƒªãƒ³ã‚¯
I/O 2014 ã‚¢ãƒ—ãƒªã«å¦ã¶ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
mathatelle 2014/08/23
ui

design

material design
ãƒªãƒ³ã‚¯
Illustratorã§èª¿æ•´ã«å¼·ã„ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒã‚´ã€UIã¥ãã‚Š ç¬¬1å›žï¼šã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¤ãã‚‹ | Adobe Pinch In
. å•†å“ãŒç™ºé€ã•ã‚Œã‚‹ã¾ã§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã«ã¯èª²é‡‘ã•ã‚Œã¾ã›ã‚“ã€‚æä¾›é–‹å§‹ã®äºˆå®šæ—¥ã¯å¤‰æ›´ã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ . ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®æº–å‚™ãŒæ•´ã†ã¾ã§ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã«ã¯èª²é‡‘ã•ã‚Œã¾ã›ã‚“ã€‚æä¾›é–‹å§‹ã®äºˆå®šæ—¥ã¯å¤‰æ›´ã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚
mathatelle 2014/08/02
ui
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒç†è§£ã—ã¦ãŠãã¹ã11ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç‰¹å¾´ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
Webã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã¯ã€ã„ãã¤ã‹ã®è¦ç´ ã®çµ„ã¿åˆã‚ã›ã§æ§‹æˆã•ã‚Œã¾ã™ãŒã€ä½¿ã„ã‚„ã™ã•ã«æœ€å¤§ã®å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã®ã¯ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³è¦ç´ ã§ã—ã‚‡ã†ã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ã™ã‚‹è€…ãŒUIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ã™ã‚‹ã€ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã“ã§ã¯ã€UIã§æœ€ã‚‚å¤§äº‹ãªè¦ç´ ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã†ã‚‚ã®ã‚’æ•´ç†ã—ã¦ç†è§£ã™ã‚‹ãŸã‚ã«ã€ãã®ç¨®é¡žã¨ç‰¹å¾´ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1. ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¦ãƒ¼ã‚¶ãŒWebã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’ä½¿ã†éš›ã«ã€ã‚‚ã£ã¨ã‚‚ã‚ˆãä½¿ã‚ã‚Œã‚‹ã®ãŒã€ã“ã®ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚é€šå¸¸ã¯ç”»é¢ã®ã©ã“ã‹ã«å¸¸è¨ã•ã‚Œã¦ãŠã‚Šã€ç”»é¢é·ç§»ã‚’ã—ã¦ã‚‚ã€æ±ºã¾ã£ãŸå ´æ‰€ã«ã€æ±ºã¾ã£ãŸä¸¦ã³ã§å¿…ãšè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ§‹æˆæ–¹æ³•ã¨ã—ã¦ã¯ã€æƒ…å ±ç¨®åˆ¥ã€æ©Ÿèƒ½ç¨®åˆ¥ã€å¯¾è±¡è€…ï¼çŠ¶æ³åˆ¥ã€åˆ©ç”¨é »åº¦åˆ¥ãªã©ã®åˆ‡ã‚Šå£ãŒã‚ã‚Šã¾ã™ã€‚ Appleã‚µã‚¤ãƒˆã®ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ã©ã®ç”»é¢ã§ã‚‚ã€åŒã˜ãƒ¡ãƒ‹ãƒ¥ãƒ¼æ§‹æˆãƒ»åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»åŒã˜å ´æ‰€
mathatelle 2014/08/02
ui
ãƒªãƒ³ã‚¯
å‰¯æ¥é‘‘å®šãƒªã‚¹ãƒˆ | æ€ªã—ã„å‰¯æ¥ãƒ»è©æ¬ºæ¡ˆä»¶ã‚’å¾¹åº•çš„ã«é‘‘å®šã—ã¾ã™
å‰¯æ¥è©æ¬ºðŸ”é‘‘å®šå›£ã®å±±å£ã§ã™ã€‚ è¨˜äº‹ã‚’æœ€å¾Œã¾ã§èªã‚“ã§ã„ãŸã ãã€ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ðŸ˜Š ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚’æ´»ç”¨ã—ãŸå‰¯æ¥ã¯ã€æ£ã—ã„æƒ…å ±ã‚’é¸ã¹ã°ä¸€æ°—ã«ç¨¼ãã“ã¨ãŒã§ãã‚‹ã‚“ã§ã™ãŒã€ãƒãƒƒãƒˆã®æƒ…å ±ã‚’è¦‹ã¦ã‚‹ã¨ã€Œã“ã‚Œæ€ªã—ã„ãªâ€¦ã€ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ãŒå¤šãã¦ã€ä¸å®‰ã«ãªã‚Šã¾ã™ã‚ˆãã€‚ ç§ã‚‚ä»¥å‰ã€æ€ªã—ã„å‰¯æ¥ã«å¼•ã£ã‹ã‹ã£ã¦ã—ã¾ã£ã¦ã€Œã‚‚ã†å‰¯æ¥ã¯ã‚„ã‚ã‚ˆã†ã‹ãªâ€¦ã€ã¨æ€ã£ãŸã“ã¨ãŒã‚ã‚Šã€ç´†ä½™æ›²æŠ˜ã‚ã‚Šã¾ã—ãŸâ€¦ã€‚ ã§ã‚‚ä»Šæ€ãˆã°ã€ãã®çµŒé¨“ãŒã‚ã£ãŸã‹ã‚‰ã“ãè‡ªåˆ†ã®ä¸ã§æˆåŠŸã—ãŸã¨å®Ÿæ„Ÿã§ãã€ä»Šã§ã¯æ¯Žæœˆï¼—æ¡ä»¥ä¸Šã®åŽç›Šã‚’å¾—ã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã€Œå‰¯åŽå…¥ãŒæ¬²ã—ã„ã€ã§ã‚‚ä½•ã‹ã‚‰å§‹ã‚ã‚Œã°ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨æ‚©ã‚“ã ã¨ãã¯æ°—è»½ã«ã”ç›¸è«‡ãã ã•ã„ðŸ˜Œ èˆˆå‘³ãŒã‚ã‚Œã°ã€çŸæœŸé–“ã§åŽç›ŠãŒã‚°ãƒ³ã¨ä¸ŠãŒã£ã¦ã„ã‚‹é‘‘å®šæ¸ˆã¿ã®æ¡ˆä»¶ãªã©ã€ã”ç´¹ä»‹ã‚‚ã§ãã¾ã™ã€‚ è©³ã—ã„ã“ã¨ã¯ LINEã‹ã‚‰ ãŠæ°—è»½ã«ã©ã†ãžðŸ‘ ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚’è©³ã—ãè¦‹ã‚‹ â–¶ï¸Ž
mathatelle 2014/07/06
ui
ãƒªãƒ³ã‚¯
Material design
Design is the art of considered creation. Our goal is to satisfy the diverse spectrum of human needs. As those needs evolve, so too must our designs, practices, and philosophies. We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of techno logy and science. A material metaphor is the unifying
mathatelle 2014/07/06
ui

ux
ãƒªãƒ³ã‚¯
ã€Œæ·±æ´¥è²´ä¹‹æ°ã«å¦ã¶ã€ã‚¹ãƒžãƒ›UI/UXè¬›åº§ ã€œiOS7ã«ã¤ã„ã¦ã®è€ƒå¯Ÿã¨fladdictãƒ‡ã‚¶ã‚¤ãƒ³è«–ã€œã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ | DevelopersIO
ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ = ã‹ã£ã“è‰¯ãã™ã‚‹ã“ã¨ã€ã ã¨ã¯é™ã‚‰ãªã„ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯? è¨è¨ˆ è¤‡é›‘ãªå•é¡Œã‚’æ•´ç†ã—ã¦è§£æ±ºã™ã‚‹ã“ã¨ ã‚ã‚Šã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã«è¿‘ã„ æ–‡ç« ã‚’æ›¸ãç·´ç¿’ã‚’ã™ã‚Œã°èªã¿ã‚„ã™ã„æ–‡ç« ã‚’æŽ›ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã¨åŒæ§˜ã«ã€å‹‰å¼·ã™ã‚Œã°äººã‚’å›°æƒ‘ã•ã›ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä½œã‚Œã‚‹ã€‚ ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®åŽŸå‰‡ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ = æŽ¥ç‚¹ã€å¢ƒç•Œé¢ã€æŽ¥è§¦é¢ã€æŽ¥åˆé¢ã€ä»²ç«‹ã¡ã€æ©‹æ¸¡ã— ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ = äººã¨ãƒ¢ãƒŽã‚’ã¤ãªãã‚‚ã® ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®åŽŸå‰‡ = ã‚¢ãƒ—ãƒªãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹æ™‚ã®åŽŸå‰‡ 1.å¿…ç„¶æ€§ã®ã‚ã‚‹ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ« æ©Ÿèƒ½ã¨å¤–è¦‹ãŒèª¿å’Œã—ã¦ã„ã‚‹ã‹ï¼Ÿ TPOã«ã‚ã‚ã›ãŸæ ¼å¥½ã‚’ã•ã›ã‚‹ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–ã‚‹ ãƒ‰ãƒ¬ã‚¹ã‚³ãƒ¼ãƒ‰ã¿ãŸã„ãªã‚‚ã®(ä¾‹:ã‚²ãƒ¼ãƒ :æ¥½ã—ãã€ãƒ„ãƒ¼ãƒ«:ä¿¡é ¼æ€§ã‚ã‚Šãã†ãª) æ©Ÿèƒ½ã«æœ€é©ãªå¤–è¦‹ã‚’ä¸Žãˆã‚‹ã“ã¨ã§... ä½¿ã„æ–¹ãŒã¤ãŸã‚ã‚‹ã€‚ ã¨ã£ã¤ãã‚„ã™ããªã‚‹ 2.ä¸€è²«æ€§ ã‚¢ãƒ—ãƒªå…¨ä½“ã§ãƒ«
mathatelle 2014/05/25
ui

ux

iOS
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®æœ€å°ã‚¿ãƒƒãƒ—ã‚µã‚¤ã‚ºã‚’è€ƒãˆã‚‹ | dotproof
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã§é›£ã—ã„ã®ã¯ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹ãƒ‡ãƒã‚¤ã‚¹ã®ç”»é¢ã‚µã‚¤ã‚ºã«æ§˜ã€…ãªã‚µã‚¤ã‚ºã®ã‚‚ã®ãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ç”»é¢ã®å¤§ãã•ã«ã¯ã„ã‚ã„ã‚ã‚ã£ã¦ã‚‚äººé–“ã®æ‰‹ã‚„æŒ‡ã®ã‚µã‚¤ã‚ºã¯ã»ã¼èª°ã§ã‚‚åŒã˜ã§ã™ã‹ã‚‰ã€ã©ã‚“ãªç”»é¢ã‚µã‚¤ã‚ºã§ã‚ã£ã¦ã‚‚ç¢ºå®Ÿã«æŠ¼ã›ã‚‹ã‚ˆã†ãªUIã®ã‚µã‚¤ã‚ºã¨ã„ã†ã®ã‚’æŠŠæ¡ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„ã¨å¤§å¤‰ä½¿ã„ã«ãã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ä¾‹ãˆã°iOSã®ã€Œãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã§ã¯ã€Œã‚¿ãƒƒãƒå¯èƒ½ãªé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚’ç´„44ï½˜44ãƒã‚¤ãƒ³ãƒˆã«ã—ãªã•ã„ã€ã¨ã—ã€ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦é›»å“ã‚¢ãƒ—ãƒªã®ç”»é¢ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€œGive tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
mathatelle 2014/03/24
ui

ux
ãƒªãƒ³ã‚¯
åˆ†ã‹ã‚Šã‚„ã™ãã€ä½¿ã„ã‚„ã™ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”Ÿã¿å‡ºã™å·¥å¤«ã€€å…ˆç”Ÿï¼šæ± ç”° æ‹“å¸
ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ schoo WEB-campusã¯ã€ŒWEBã«èª•ç”Ÿã—ãŸã€å¦æ ¡ã®æ–°ã—ã„ã‚«ã‚¿ãƒã€ã€‚ ï¼·ï¼¥ï¼¢ç”Ÿæ”¾é€ã®æŽˆæ¥ã‚’ç„¡æ–™ã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ â–¼ã“ã¡ã‚‰ã‹ã‚‰æŽˆæ¥ã«å‚åŠ ã™ã‚‹ã¨ã€å…ˆç”Ÿã¸ã®è³ªå•ã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®ãƒãƒ£ãƒƒãƒˆã€è³‡æ–™ã®æ‹¡å¤§è¡¨ç¤ºç‰ãŒå¯èƒ½ã§ã™ã€‚ https://schoo.jp/class/344/room ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼ãƒ¼Read less
mathatelle 2014/01/13
ui
ãƒªãƒ³ã‚¯
ãƒ“ã‚¸ãƒã‚¹å‘ã‘ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã‚»ãƒ¼ãƒ«ã‚¹ãƒ•ã‚©ãƒ¼ã‚¹ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ãŒå…¬é–‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ãªã©ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½
ãƒ“ã‚¸ãƒã‚¹å‘ã‘ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã‚»ãƒ¼ãƒ«ã‚¹ãƒ•ã‚©ãƒ¼ã‚¹ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ãŒå…¬é–‹ã€‚ã‚¢ã‚¤ã‚³ãƒ³ãªã©ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ å…ˆé€±13æ—¥ã«ã€SAPãŒæ¥å‹™ã‚¢ãƒ—ãƒªç”¨ã®JavaScriptè£½UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒOpenUI5ã€ã‚’å…¬é–‹ã—ãŸã¨ãŠä¼ãˆã—ãŸã°ã‹ã‚Šã§ã™ãŒã€ä»Šåº¦ã¯ã€ç±³ã‚»ãƒ¼ãƒ«ã‚¹ãƒ•ã‚©ãƒ¼ã‚¹ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ãŒHTML5ã§ã®ãƒ“ã‚¸ãƒã‚¹å‘ã‘ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„ã‚µãƒ³ãƒ—ãƒ«ã‚’å¤šæ•°å…¬é–‹ã—ã¾ã—ãŸã€‚ãƒ“ã‚¸ãƒã‚¹ã‚¢ãƒ—ãƒªç”¨ã®ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºç’°å¢ƒã¯HTML5/JavaScriptã§æ€¥é€Ÿã«å……å®Ÿã—ã¦ãã¦ã„ã¾ã™ã€‚ ç±³ã‚»ãƒ¼ãƒ«ã‚¹ãƒ•ã‚©ãƒ¼ã‚¹ãƒ»ãƒ‰ãƒƒãƒˆã‚³ãƒ ã¯å…ˆæœˆã€æ–°ãƒ–ãƒ©ãƒ³ãƒ‰ã€ŒSalesforce 1ã€ã‚’ç«‹ã¡ä¸Šã’ã€ãƒ¢ãƒã‚¤ãƒ«ã¸å…¨é¢çš„ã«ã‚·ãƒ•ãƒˆã™ã‚‹ã“ã¨ã‚’å®£è¨€ã—ãŸã°ã‹ã‚Šã€‚ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã€åŒç¤¾ã®ãƒ¢ãƒã‚¤ãƒ«ã¸ã®æ³¨åŠ›ã‚’ç¤ºã™ã‚‚ã®ã¨ã„ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã“ã‚Œã¾ã§ãƒ“ã‚¸ãƒã‚¹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å‘ã‘ã«ã€ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã®ã—ã£ã‹ã‚Šã¨ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒå…¬é–‹ã•ã‚ŒãŸä¾‹ã¯ãŠãã‚‰
mathatelle 2014/01/03
ui
ãƒªãƒ³ã‚¯
UIç ”ç©¶è€… å¢—äº•ä¿Šä¹‹ãŒèªžã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ä¼ãˆãŸã„ã“ã¨ | ä¸‰å¹´äºˆæ¸¬ ï½œdodaã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ IT
UIç ”ç©¶è€… å¢—äº•ä¿Šä¹‹ 1959å¹´ç”Ÿã¾ã‚Œã€‚54æ³ã€‚æ…¶æ‡‰ç¾©å¡¾å¤§å¦ç’°å¢ƒæƒ…å ±å¦éƒ¨æ•™æŽˆã€‚æ±äº¬å¤§å¦å¤§å¦é™¢ä¿®å£«èª²ç¨‹å’æ¥å¾Œã€å¯Œå£«é€šã€ã‚·ãƒ£ãƒ¼ãƒ—ã€ã‚½ãƒ‹ãƒ¼ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚µã‚¤ã‚¨ãƒ³ã‚¹ç ”ç©¶æ‰€ã€ç”£æ¥æŠ€è¡“ç·åˆç ”ç©¶æ‰€ã‚’çµŒã¦ã€2006å¹´ã‹ã‚‰2008å¹´ã¾ã§ç±³Appleã§iPhoneã®æ—¥æœ¬èªžå…¥åŠ›æ–¹å¼ã®é–‹ç™ºã«å¾“äº‹ã€‚2008å¹´ã‚ˆã‚Šæ…¶æ‡‰ç¾©å¡¾å¤§å¦ã€‚ æ…¶æ‡‰ç¾©å¡¾å¤§å¦SFCï¼ˆæ¹˜å—è—¤æ²¢ã‚ãƒ£ãƒ³ãƒ‘ã‚¹ï¼‰ã«ã‚ã‚‹å¢—äº•ä¿Šä¹‹ã®ç ”ç©¶å®¤ã¯ã€æ··æ²Œã¨ã—ãŸæ¥½ã—ã•ãŒæ„Ÿã˜ã‚‰ã‚Œã‚‹å ´ã ã£ãŸã€‚ã¾ãšã€ãƒ‰ã‚¢ã®é–‹é–‰ã®æ–¹æ³•ã‹ã‚‰ã—ã¦é•ã†ã€‚ã€ŒNFCå¯¾å¿œã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’ã‹ã–ã—ã¦å›žã™ã€æ“ä½œã§è§£éŒ ã™ã‚‹ä»•çµ„ã¿ãŒä½œã‚Šè¾¼ã¾ã‚Œã¦ã„ã‚‹ã€‚ãƒ‰ã‚¢è§£éŒ ã®æ©Ÿæ§‹ã‹ã‚‰ä¼¸ã³ã‚‹ã‚±ãƒ¼ãƒ–ãƒ«ã®å…ˆã«ã¯ã€ã‚¬ã‚¸ã‚§ãƒƒãƒˆä½œã‚Šã§ã¯å®šç•ªã®ãƒžã‚¤ã‚³ãƒ³ãƒœãƒ¼ãƒ‰ã€ŒArduinoã€ãŒã‚ã‚‹ã€‚ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶è€…ã§ã‚ã‚‹å¢—äº•ã®ç ”ç©¶æˆæžœã‚’ãƒ‰ã‚¢è§£éŒ ã®æ©Ÿæ§‹ã«çµ„ã¿è¾¼ã‚“ã§ã„ã‚‹ã®ã ã€‚ ç ”ç©¶å®¤ã®å…¥ã‚Šå£ã«ã¯ã€ç ”ç©¶å®¤ãƒ¡ãƒ³ãƒãƒ¼ãŒã€Œãƒ‹ã‚³ãƒ‹ã‚³å¦ä¼šã€ã§å¤§è³žã‚’ç²å¾—ã—ãŸã¨ãã®å‰¯è³žã®ã
mathatelle 2013/11/20
ui
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹Pinterestã®ãƒœãƒ¼ãƒ‰ã®ã¾ã¨ã‚
å…ˆæ—¥ã€æ—¥æœ¬èªžç‰ˆãŒãƒãƒ¼ãƒ³ãƒã—ãŸPinterestã‹ã‚‰ã€ã‚¦ã‚§ãƒ–ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ãƒœãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ—¥æœ¬èªžç‰ˆã‚’åˆ©ç”¨ã™ã‚‹ã®ã¯ç°¡å˜ã§ã™ã€‚ Pinterestã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ã€idã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚¢ã‚«ã‚¦ãƒ³ãƒˆè¨å®šã‚’é¸æŠžã—ã¾ã™ã€‚
mathatelle 2013/11/16
ui
ãƒªãƒ³ã‚¯
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
mathatelle 2013/10/22
iOS

ui
ãƒªãƒ³ã‚¯
å°ã•ãç²¾ç¥žã‚’å‡ºã—æŠœããƒ‡ã‚¶ã‚¤ãƒ³ - Joi Ito's Web - æ—¥æœ¬èªž
Andy Rubin - Photo by Joi Ito ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãã®ã‚·ã‚¹ãƒ†ãƒ ã‚’ç†è§£ã—ã€åˆ¶å¾¡ã§ãã‚‹åŠ›ã‚’æŒã¦ã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã‚’ç›®æ¨™ã¨ã™ã‚‹ã€‚å‡ºåŠ›ã¯ç”»é¢ã‚„ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã‹ã‚‰ã€å…¥åŠ›ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã€ã‚‚ã—ãã¯ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã§è¡Œã†ã€‚ãã—ã¦ãã‚Œã‚‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€æˆ‘ã€…ã®æ„è˜ã€ã™ãªã‚ã¡ã€çŠ¶æ³ã‚’æŽŒæ¡ã§ãã¦ã„ã‚‹ã¨æ€ã£ã¦ã„ã‚‹è„³ã®è«–ç†çš„ãªéƒ¨åˆ†ã§ã‚ã‚‹ã¨æƒ³å®šã•ã‚Œã¦ã„ã‚‹ã€‚ ã—ã‹ã—ãã®æ„è˜ã¯ã€è‡ªã‚‰ãŒæ€ã£ã¦ã„ã‚‹ã»ã©ã«ã¯çŠ¶æ³ã‚’æŽŒæ¡ã§ãã¦ã„ãªã„ã€‚å®Ÿéš›ã€æ„è˜ã‚ˆã‚Šã‚‚å¤§ããã¦ã€å¤§æŠµã¯ãšã£ã¨è³¢ã„ç²¾ç¥žã€ã™ãªã‚ã¡ç¥žçµŒç³»ã®ã†ã¡æ„Ÿæƒ…çš„ã§ç„¡æ„è˜ã§ä¸¦è¡Œå‡¦ç†ã‚„ãƒ‘ã‚¿ãƒ¼ãƒ³èªè˜ã‚’æ‹…ã†éƒ¨åˆ†ã¯ã€æ„è˜ã‚’æ“ä½œã—ãŸã‚Šæ¬ºã„ãŸã‚Šã™ã‚‹ã“ã¨ã™ã‚‰ã‚ã‚‹ã®ã ã€‚ã“ã®ã“ã¨ã¯ãšã„ã¶ã‚“æ˜”ã«äºŒé‡éŽç¨‹ç†è«–ã¨ã—ã¦ã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€Kahnemanï¼ˆã‚«ãƒ¼ãƒãƒžãƒ³ï¼‰ã¯ãã‚Œã‚‰ã‚’ã‚·ã‚¹ãƒ†ãƒ 1ï¼ˆæ€è€ƒã®åºƒå¤§ã§ç´ æ—©ãè‡ªå‹•çš„ãªå´é¢ï¼‰ãŠã‚ˆã³ã‚·ã‚¹ãƒ†ãƒ 2ï¼ˆç†è«–çš„ãªæ¤œè¨Žã¨åˆ¤
mathatelle 2013/10/22
design

ui
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹Dribbbleã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®ã¾ã¨ã‚
ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®å®åº«ã€ŒDribbbleã€ã‹ã‚‰ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ç´ æ™´ã‚‰ã—ã„ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
mathatelle 2013/09/14
ui
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
é¡§å®¢ã‚„ä¸Šå¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—ãƒªã‚‚ã‚´ãƒŸã‚¢ãƒ—ãƒªã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚ã€‚ ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„æ˜“ã•ã¨å“è³ªã«æ·±ããƒªãƒ³ã‚¯ã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„äººã«ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚æ¯Žå›žæ¯Žå›žã€åŒã˜ã“ã¨ã‚’èª¬æ˜Žã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterã‚¢ãƒ—ãƒªã‚’ä¾‹ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ ä½•ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½“ã‚’å¼µã‚‰ãªã„ã¨99%ãã‚‰ã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ãƒˆãƒƒãƒ—éšŽå±¤ã« ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚å®Ÿéš›ã«ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitterç¤¾çš„ã«ã¯me
mathatelle 2013/08/08
ui
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸