ゲームã¥ãã‚Šã«å½¹ç«‹ã¤ç„¡æ–™&商用利用å¯èƒ½ãªç´ æサイトã¾ã¨ã‚。3Dモデルやサウンドã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚’一気ã«æƒãˆã‚ˆã†ï½œã‚²ãƒ¼ãƒ メーカーズ
オランダã®ã‚²ãƒ¼ãƒ 開発会社ã§ã€2Dã€3Dã€ã‚µã‚¦ãƒ³ãƒ‰ã€UIãªã©ã‚²ãƒ¼ãƒ 制作ã«ä½¿ãˆã‚‹170種類以上ã®ãƒ•ãƒªãƒ¼ç´ æã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ å„ç´ æã¯å•†ç”¨ãƒ»éžå•†ç”¨ã«é–¢ã‚らãšè‡ªç”±ã«ä½¿ãˆã¾ã™ã€‚詳ã—ãã¯ã€å„ç´ æã®åˆ©ç”¨è¦ç´„ã‚’ã”確èªãã ã•ã„。 Kenney『Kenneyã€åˆ©ç”¨è¦ç´„CraftPix
UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆã見ã‹ã‘ã‚‹ã€ç›®ã®éŒ¯è¦šã«ã‚ˆã‚‹é•å’Œæ„Ÿã‚’å–り除ãデザインテクニックã®ã¾ã¨ã‚
Webページやスマホアプリã®UIをデザインã—ãŸæ™‚ã«ã€æ•°å€¤ä¸Šã¯å‡æ•´ãŒã¨ã‚Œã¦ã„ã‚‹ã®ã«ã€äººã®ç›®ã®éŒ¯è¦šã§é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã¡ã‚ƒã‚“ã¨æƒãˆã¦é…ç½®ã—ãŸã®ã«ã€åŒã˜ã‚µã‚¤ã‚ºãªã®ã«ã€åŒã˜è‰²ãªã®ã«ã€ãªã‚“ã ã‹é•å’Œæ„ŸãŒã‚ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã“ã®ç›®ã®éŒ¯è¦šã«ã‚ˆã‚‹é•å’Œæ„Ÿã‚’å–り除ãUIデザインã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 01. ボタンã¨åŒã˜è‰²ã ã¨ãƒ†ã‚ストã¯æ˜Žã‚‹ã見ãˆã‚‹ 02. åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚å°ã•ã„サイズã ã¨ç´°ã見ãˆã‚‹ 03. 背景画åƒã®ä¸Šã®ãƒ†ã‚ストã¯èªã¿ã«ãã„ 04. 行間ãŒé–“é•ã£ã¦ã„るテã‚スト å½¢ã®æ‰±ã„æ–¹ 05. 整列ã•ã‚ŒãŸã®ã«æƒã£ã¦ã„るよã†ã«è¦‹ãˆãªã„
UI Crunch #13 娯楽ã®UI - by Nintendo - - YouTube
2018/4/27（金）ã«æ¸‹è°·ãƒ»DeNAオフィスã§é–‹å‚¬ã—ãŸã€ŽUI Crunch #13 娯楽ã®UI - by Nintendo -ã€ã€‚"ã‚‚ã£ã¨æ¥½ã—ã"を追求ã™ã‚‹ã€ä»»å¤©å ‚ã®UIデザイナー3åã‚’ãŠè¿Žãˆã—ã€ã€ŒSplatoon〠や「Nintendo ã¿ã¾ã‚‚ã‚Š Switch〠ãªã©ã®äº‹ä¾‹ã‚’交ãˆãªãŒã‚‰ãŠè©±ã„ãŸã ãã¾ã—ãŸã€‚ https://ui-crunch.connpass.com/event/82969/ 　 ■■■■コンテンツ■■■■00:00:00～ 自己紹介・もã㘠00:03:57～ â‘ ã‚ãã³å¿ƒã¨UI 00:23:02～ â‘¡SplatoonUIã®ç‹™ã„ 00:42:22～ ä»»å¤©å ‚ã®ç´¹ä»‹ 00:46:14～ â‘¢Nintendoã¿ã¾ã‚‚ã‚ŠSwitch 㯠誰ã®ã‚‚ã®ï¼Ÿ 01:07:07～ ã•ã„ã”ã« 01:10:51～ Q&A ã€UI Crunchã¨ã¯ã€‘ UI Crunchã¯ã€DeN
マリオメーカーã®UI/UXデザイナーãŒèªžã‚‹ã€Œå¼±ç‚¹ã‚’å…‹æœã™ã‚‹å¨¯æ¥½UIã€ã®åŽŸç‚¹ã¨ã¯ | 超ゲームウォーカー!
2018å¹´4月27日（金）ã€æ±äº¬ã¯æ¸‹è°·ãƒ’カリエ11Fã«ã¦ã€UIデザインをテーマã¨ã—ãŸå‹‰å¼·ä¼šã€ŒUI Crunchã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚2014å¹´ã«é–‹å‚¬ã•ã‚ŒãŸç¬¬1回目ã®é–‹å‚¬ã‹ã‚‰æœ¬å¹´ã§4å¹´ç›®ã€é€šç®—13回目ã¨ãªã‚‹UI Crunchã ãŒã€ä»Šå›žã¯ã„ã¤ã‚‚以上ã«é–‹å‚¬å‰ã‹ã‚‰è©±é¡ŒãŒçµ¶ãˆãªã‹ã£ãŸã€‚ãれもãã®ã¯ãšã€æ™®æ®µãªã‚‰å¤šã„時ã§ã‚‚å‚åŠ æž ã«å¯¾ã™ã‚‹å¿œå‹Ÿå€çŽ‡ã¯3〜5å€ç¨‹åº¦ãªã®ã«å¯¾ã—ã¦ã€ä»Šå›žã¯ãªã‚“ã¨ã€ã¾ã•ã‹ã®30å€è¶…ãˆã€‚ ãã®ç†ç”±ã¯æ˜Žç™½ã 。マリオやゼルダãªã©ã®æ´å²ã‚るゲームシリーズを手ãŒã‘ã€è¿‘å¹´ã§ã¯ã‚¹ãƒ—ラトゥーンやARMSã¨ã„ã£ãŸæ–°è¦IPã®é–‹ç™ºã«ã‚‚余念ãŒãªã„ã€æˆ‘らãŒæ—¥æœ¬ã®ä¸–ç•Œçš„ã‚²ãƒ¼ãƒ ãƒ¡ãƒ¼ã‚«ãƒ¼ã€Œä»»å¤©å ‚ã€ã®UIデザイナーãŒç™»å£‡ã™ã‚‹ã‹ã‚‰ã ã‚ã†ã€‚ 普段ã‹ã‚‰ã‚ã¾ã‚Šå¯¾å¤–çš„ãªç™ºè¡¨ã‚„コミュニケーションãŒæŽ§ãˆã‚ãªå°è±¡ã§ã‚ã‚‹ä»»å¤©å ‚ã®ç¤¾å“¡ãŒã€çã—ãã€ãれもUIデザインã¨ã„ã†æ–‡è„ˆã§ã‚¤ãƒ™ãƒ³ãƒˆã«ç™»å£‡ã™ã‚‹ã¨ã„ã†ã®ã¯ã€éŽåŽ»ã«ã‚ã¾ã‚Šä¾‹ãŒãªã„。 今回登壇ã—ãŸã®
盲目ã®iPhoneユーザーã«èžã„ãŸã€è¦–覚を使ã‚ãªã„é©šãã®ã‚¹ãƒžãƒ›æ“作術 | スタッフブãƒã‚° | マイãƒçŽ‹
ç”»åƒï¼šã‚¹ãƒžãƒ›ã®ã‚¤ãƒ©ã‚¹ãƒˆ ï¼ï¼Ÿ ãˆã€iPhoneã£ã¦ãƒ„ルツルã§ã™ã‚ˆï¼ï¼Ÿ 触ã£ã¦ã‚ã‹ã‚‹ãƒœã‚¿ãƒ³ã€ã»ã¼ãªã„ã§ã™ã‚ˆï¼ï¼Ÿ 『電話もメールもインターãƒãƒƒãƒˆã‚‚ã—ã¾ã™ã‚ˆã€ã¨ã®ã“ã¨ã ã£ãŸã®ã§ã™ãŒã€ 一体ã€ã©ã†ã‚„ã£ã¦ä½¿ã£ã¦ã‚‹ã®â€¦â€¦ï¼ï¼Ÿ ã………… æ°—ã«ãªã‚‹ã€œã€œã€œã€œï¼ï¼ï¼ï¼ ã‚‚ã£ã¨è©±ã‚’èžã‹ã›ã¦ã€œã€œã€œã€œï¼ï¼ï¼ï¼ ç”»åƒï¼šãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ»ã‚¤ãƒ³ãƒ»ã‚¶ãƒ»ãƒ€ãƒ¼ã‚¯å‰ã§ã®ç¤¾é ˜ã®å†™çœŸ ã¨ã„ã†ã“ã¨ã§ã€å¤–è‹‘å‰ã«ã‚ã‚‹æ–½è¨ ã€Œãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ»ã‚¤ãƒ³ãƒ»ã‚¶ãƒ»ãƒ€ãƒ¼ã‚¯ã€ ã«ã‚„ã£ã¦æ¥ã¾ã—ãŸï¼ 「ダイアãƒã‚°ãƒ»ã‚¤ãƒ³ãƒ»ã‚¶ãƒ»ãƒ€ãƒ¼ã‚¯ã€ã¯ã€æš—é—‡ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ†ã‚¤ãƒ³ãƒ¡ãƒ³ãƒˆã€‚完全ãªçœŸã£æš—é—‡ã®ç©ºé–“ã¸ã‚°ãƒ«ãƒ¼ãƒ—を組んã§å…¥ã‚Šã€æš—é—‡ã®ã‚¨ã‚スパートã§ã‚る視覚障ãŒã„者ã®ã‚¹ã‚¿ãƒƒãƒ•ã®æ¡ˆå†…ã§ã€è¦–覚以外ã®æ„Ÿè¦šã‚’ç ”ãŽã™ã¾ã›ãªãŒã‚‰ä¸ã‚’探検ã—ãŸã‚Šã¨ã€ã•ã¾ã–ã¾ãªä½“験ãŒã§ãã‚‹æ–½è¨ã§ã™ã€‚
ãªãœãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºç”¨ãƒœã‚¿ãƒ³ã®ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã€ã¯ãƒ€ãƒ¡ãªã®ã‹ï¼Ÿ
スマートフォンãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ç”¨UIã§ã‚ˆã用ã„られる「三ã€ã®ãƒžãƒ¼ã‚¯ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã“ã¨ã‹ã‚‰ã‚¢ãƒ¡ãƒªã‚«ã§ã¯ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚å¾ã€…ã«æµ¸é€ã—ã¦ããŸãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã§ã™ãŒã€UIデザインã®å„ªåŠ£ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰è¦‹ãŸå ´åˆã€ã€ŒåŠ£ã£ãŸé†œã„撲滅ã™ã¹ãã‚‚ã®ã§ã‚ã‚‹ã€ã¨ã„ã†æ„見ãŒå‡ºã•ã‚Œã¦ã„ã¾ã™ã€‚ãªãœãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãŒãƒ€ãƒ¡ãªã®ã‹ã«ã¤ã„ã¦ã€ã‚¸ã‚§ãƒ¼ãƒ ズ・アーãƒãƒ£ãƒ¼æ°ãŒãƒ‡ãƒ¼ã‚¿åˆ†æžçµæžœã‚’基ã«ç†è«–çš„ã«è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下ã®ç”»åƒã®èµ¤ä¸¸ã§å›²ã‚ã‚ŒãŸã®ãŒã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã€ã€‚モãƒã‚¤ãƒ«ç«¯æœ«UIã ã‘ã§ãªãデスクトップUIã§ã‚‚広ãæ™®åŠã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã§ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ä¸»ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ä»–ã®è¿½åŠ æƒ…å ±ã‚’è¡¨ç¤ºã•ã›ã‚‰ã‚Œã¾ã™ã€‚ â—†ä¸è¦ªåˆ‡ 一般的ã«æ™®åŠã—
UIデザインã®å‚考㫠フラットデザインアイコンサンプルã¾ã¨ã‚ | PLUS1WORLD
最近ã€ã“ã®ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’１ã‹ã‚‰ä½œã‚ŠãªãŠã—ã¦ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å–り入れã¦è¦‹ã‚ˆã†ã‹ãªã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ フラットデザインã¯ã‚·ãƒ³ãƒ—ルãªåˆ†ã€ã”ã¾ã‹ã—ãŒåŠ¹ãã¾ã›ã‚“。使ã„所ãŒé›£ã—ã„ã®ã§ä½•ã‹è¦‹æœ¬ã‚„サンプルãŒã‚ã‚‹ã¨åŠ©ã‹ã‚Šã¾ã™ã‚ˆã。 勉強ãŒã¦ã‚‰ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³ãƒ—ルã¨ãªã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒªãƒ³ã‚¯ã‚’集ã‚ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 当ブãƒã‚°ã¯AIå¦ç¿’ç¦æ¢(ç„¡æ–使用ç¦æ¢)ã§ã™ã€‚ フラットデザインアイコンã¾ã¨ã‚ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie
フラットã®å¾Œã«ã˜ã‚ã˜ã‚ãã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ -long shadow design
フラットãŒæœ€åˆã«ããŸæ™‚ã»ã©å¤§ããªæ³¢ã§ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€å˜èª¿ãªãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã¤ã‹ãˆãã†ãªã˜ã‚ã˜ã‚ãã¦ã‚‹æ–°ã—ã„デザイントレンド「long shadow designã€ã‚’紹介ã—ã¾ã™ã€‚ long shadow design 「long shadow designã€ã¯æ–‡å—通り「長ã„シャドウを使ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã€ãƒ•ãƒ©ãƒƒãƒˆãªã‚¹ã‚¿ã‚¤ãƒ«ã«å¥¥è¡Œãを与ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ dribbbleãªã©ã®ã‚¢ã‚¤ã‚³ãƒ³ä½œå“ã§ã‚‚最近よã見ã‹ã‘ã¾ã™ã。
フラットデザインã®ã‚³ãƒ„çš„ãªã‚¢ãƒ¬ - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
P4Dã§æ•™ãˆã¦ã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«èžã‹ã‚ŒãŸã®ã§ã€ãªã‚“ã‹æ•´ç†ã—ãã‚Œã¦ãªãã¦ã–ã£ãã‚Šãªã‚“ã§ã™ãŒã€å–り急ãŽã€ãªã‚“ã‹ãã‚Œã£ã½ããªã‚‹ã‚³ãƒ„ã¿ãŸã„ãªã®ã‚’独æ–ã¨å見ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 3色〜5色ãらã„ã®è‰²ã‚’ç”»é¢ã®ä¸ã§å‡ç‰ã«ä½¿ã†ã®ãŠã™ã™ã‚ 作りãŸã„サービスãŒä½•ã§è‰²åˆ†ã‘ã§ãã‚‹ã‹è€ƒãˆã¾ã™ã€‚ã¡ã‚‡ã†ã©ã‚ˆã3〜5種類ãらã„ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚„カテゴリãªã©ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã«å¿œã˜ã¦è‰²ãŒå¤‰ã‚ã‚‹ã¨ã‹ã™ã‚‹ã¨ã†ã¾ããƒãƒžã‚‹ã€‚ã‹ã‚‚。 Flat UI Colorã§è‰²é¸ã³ http://flatuicolors.com/ ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã“ã‹ã‚‰3〜5色ãらã„é¸ã¶ã¨ã‚ˆã„ã§ã™ã€‚クリックã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ”ーã•ã‚Œã¾ã™ã€‚ã‚ら便利。赤ã¯ä»–ã®è‰²ã¨ä»²è‰¯ãã™ã‚‹ã®ãŒé›£ã—ã‚。 Sassã§å½©åº¦ã‚’抑ãˆã‚‹ã¨è½ã¡ç€ã„ãŸè‰²èª¿ã«ãªã£ã¦ã€ä½¿ã„ã“ãªã—ã®é›£æ˜“度ãŒä½Žããªã‚Šã¾ã™ 上ã®ã‚µã‚¤ãƒˆã‚‚ãã†ãªã‚“ã§ã™ãŒã€Flat UIã«ã‚ˆã使ã‚ã‚Œã¦ã„る色ã¯ã€é®®ã‚„ã‹ãªãŒå¤šã
〠| ã¨â—¯ã€‘知ã£ã¦ã‚‹ï¼Ÿ アプリや電機ã®ã‚¹ã‚¤ãƒƒãƒã¨é›»æºãƒœã‚¿ãƒ³ã®è¨˜å·ã®æ„味 | アプリオ
ã‚ã‚‹iPhoneアプリã®è§£èª¬è¨˜äº‹ã‚’書ããŸã‚ã«ã€ã‚¢ãƒ—リ内ã®è¨å®šé …目を確èªã—ã¦ã„ãŸã¨ã“ã‚ã€ä»¥å‰ã‹ã‚‰æ°—ã«ãªã‚Šã¤ã¤ã‚‚放置ã—ã¦ã„ãŸç–‘å•ã«ç†è€…ã¯ç›´é¢ã—ãŸã€‚ ãã®ç–‘å•ã¨ã¯ 「アプリやOSã®è¨å®šç”»é¢ãªã©ã«ä½¿ã‚れるスイッãƒã¯ã€ã©ã¡ã‚‰ãŒã‚ªãƒ³ï¼ˆON）ã§ã©ã¡ã‚‰ãŒã‚ªãƒ•ï¼ˆOFF）ã‹åˆ†ã‹ã‚Šã«ãã„ã“ã¨ãŒã‚る。ãªãœã€åˆ†ã‹ã‚Šã«ãã„ã®ã‹ï¼Ÿã€ ã¨ã„ã†ã“ã¨ã 。 アプリã®ã‚¹ã‚¤ãƒƒãƒã®æ„味ãŒåˆ†ã‹ã‚Šã«ãã„？ 基本的ã«iPhoneã‚„Androidã®æ—¥æœ¬å‘ã‘アプリã§ã¯ã‚ªãƒ³ãƒ»ã‚ªãƒ•ã®è¡¨ç¾ãŒç”¨ã„られã¦ã„ã‚‹ã“ã¨ãŒå¤šã„よã†ã ãŒã€ä¸ã«ã¯ä¸Šã®ç”»åƒã®ã‚ˆã†ã« | 㨠◯ ã®è¡¨ç¾ãŒç”¨ã„られるアプリもå˜åœ¨ã™ã‚‹ã€‚ã¾ãŸã€Android端末ã§ã‚‚機種ã«ã‚ˆã£ã¦ã¯åŒæ§˜ã®è¡¨ç¾ãŒè¨å®šç”»é¢ãªã©ã§ä½¿ã‚ã‚Œã¦ã„る。 ã¯ãŸã—㦠| 㨠◯ ã®è¡¨ç¾ã§ã‚ªãƒ³ã¨ã‚ªãƒ•ã®åŒºåˆ¥ã‚’自然ã«è¡Œã†ã“ã¨ãŒã§ãã‚‹ã®ã ã‚ã†ã‹ã€‚以å‰ã‹ã‚‰ã€ç†è€…ã®å¿ƒã®ä¸ã«ã€ã“ã®å°ã•ãªç–‘å•ãŒãã™ã¶ã‚Šç¶šã‘ã¦ã„ãŸã®ã 。 å‰æã¨ã—ã¦ç¢ºèªã—ã¦ãŠããŒ
iOS 7: ã“ã“10å¹´ã§æœ€å¤§ã®æ‚ªå¤¢ | Ticking Point
WWDC 2013ã§OS X Mavericksã‚„MacBook Airらã¨ä¸€ç·’ã«ã€iOS 7ãŒç™ºè¡¨ã•ã‚ŒãŸã€‚フラットデザインã«ãªã‚‹ã¨ã‹ãã¦ã‹ã‚‰å™‚ã•ã‚Œã¦ã„ãŸã—ã€ç›´å‰ã«ã¯9to5MacãŒãƒªãƒ¼ã‚¯ã•ã‚ŒãŸiOS 7ã‚’å…ƒã«ã¤ãã£ãŸã¨ã„ã†ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を掲載ã—ã¦ã„ãŸã€‚ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯æ‚ªã„冗談ã«ã—ã‹æ€ãˆãªã‹ã£ãŸãŒã€ç¿ŒæœWWDCã§ç™ºè¡¨ã•ã‚ŒãŸiOS 7ã¯ãã®æ‚ªã„冗談ãã®ã‚‚ã®ã ã£ãŸã€‚ iOS 7ã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã®ãã£ã‹ã‘ã®ã²ã¨ã¤ã¯ã€éŽå‰°ãªSkeuomorphicデザインã¸ã®æ‰¹åˆ¤ã ã¨æ€ã†ã‘ã©ã€ãŠã‚Œã¯iOS 6以å‰ã®Skeuomorphicã‚ã‚‹ã„ã¯éŽå‰°ãªè£…飾ãŒå«Œã„ã˜ã‚ƒãªã„。批判ã•ã‚Œã‚‹ã“ã¨ã®å¤šã‹ã£ãŸNewsstandã®æœ¨ã®æœ¬æ£šã‚„Game Centerã®ç·‘ã®ãƒ•ã‚§ãƒ«ãƒˆãªã‚“ã‹ã¯æ£ç›´è¨€ã£ã¦çµæ§‹æ°—ã«å…¥ã£ã¦ã„ãŸã€‚ç„¡æ„味ãªéŠã³å¿ƒã ã‘ã˜ã‚ƒãªããã‚ŒãŒä½•ã‚’表ã—ã¦ã‚‹ã‹æ˜Žç¢ºã ã—ã€ç‰¹ã«èª¤è§£ã‚’æ‹›ã表ç¾ã§ã‚‚ãªã‹ã£ãŸã€‚ãã‚Œã«iOSã¯ã‚·ãƒ³ã‚°ãƒ«ã‚¿ã‚¹ã‚¯ã§ã²ã¨
フラットデザインã«ãªã£ãŸ iOS7 ã®å¤–観を見ã¦ã¿ã‚ˆã†ï¼
WWDC 2013 ã«ã¦ã€æ–°ã—ã„iOSã§ã‚ã‚‹ iOS7 ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚æ–°ã—ããªã£ãŸè¦‹ãŸç›®ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€UI （ユーザインタフェース）ã¯ç±³ã‚¢ãƒƒãƒ—ル公å¼ã®ã‚µã‚¤ãƒˆã«ã¦ç¢ºèªã§ãã¾ã™ã€‚ アップル – iOS 7 iOS7 ã§ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŽ¡ç”¨ã•ã‚Œã€ãƒžãƒ«ãƒã‚¿ã‚¹ã‚¯æ©Ÿèƒ½ãŒå…¨ã‚¢ãƒ—リã§ä½¿ç”¨å¯èƒ½ã«ã€‚iOS7 ã®ä¸€èˆ¬é…布ã¯ä»Šå¹´ç§‹ã”ã‚ã¨ã®ã“ã¨ã€‚ iOS7 ã®ãƒ‡ã‚¶ã‚¤ãƒ³ iOS7 ã§ã¯ã“ã‚Œã¾ã§ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚フラットデザインã«ãªã‚Šè¦‹ãŸç›®ãŒå¤§ãã変ã‚ã‚Šã¾ã™ã€‚ 見ãŸç›®ãŒã‚·ãƒ³ãƒ—ルã«ãªã‚Šç„¡é§„ãªè£…飾ãŒãªããªã£ã¦ã„ã¾ã™ã€‚色åˆã„ã‚‚ãªã‹ãªã‹ã„ã„ã§ã™ã。 カレンダーã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ 天気ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ 時計やコンパスã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ アイコンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ã‚¢ãƒ—リã®å†…装もã‹ãªã‚Šã‚·ãƒ³ãƒ—ルã«ãªã£ã¦ã„ã¾ã™ã€‚ iOS7 ã‚’å‹•ç”»ã§è¦‹ã‚‹ 写真ã ã‘ã§ãªã動画㧠iOS7 ã®å‹•ãを確èªã—ãŸã„æ–¹ã¯ã€iOS7 å…¬å¼ãƒšãƒ¼ã‚¸ã®ã€ŒWatch the iOS 7
心地よã•ã‚’目指ã—ãŸå¸ƒã‚„ゴムã®ã‚ˆã†ãªãƒ„クãƒã‚¢ã®ãƒ‰ãƒãƒ¯ãƒ¼UI | æ ªå¼ä¼šç¤¾ãƒ„クãƒã‚¢
スマートフォンã§è¦‹ãŸãƒ„クãƒã‚¢ã®ã‚µã‚¤ãƒˆã¯ã‚µã‚¤ãƒ‰ã«ãƒŠãƒ“ゲーションãŒå‡ºã¦ãã‚‹ã‚“ã§ã™ãŒã€å¿ƒåœ°ã‚ˆã•ã¨ã€ç‰‡æŒ‡ã§å±•é–‹ã—ã‚„ã™ã„ユーザーインターフェースを目指ã—ã¦ã€Œã·ã‚‹ã‚“ã·ã‚‹ã‚“ã€å‹•ãドãƒãƒ¯ãƒ¼UIを自作ã—ã¦ã¿ã¾ã—ãŸã€‚ ã†ãƒ¼ã‚“ã€ã¡ã‚‡ã£ã¨æ”¹å–„ã—ãŸã„部分ãŒè¦‹ãˆã¦ããŸã€‚。 ゴムやカーテンã¿ãŸã„ã«ãƒ•ãƒ‹ãƒ£ã£ã¨å‡ºã¦ããŸã‚Šé–‰ã˜ãŸã‚Šã—ã¾ã™ã€‚ 色々ãªã‚¹ãƒžãƒ›ã‚’試ã—ã¦ã€Androidã§ã‚‚å‹•ã機種ã¯ã‚ã£ãŸã‚“ã§ã™ãŒã€å…¨ã¦ã§ã¯ãªã„ã®ã§ç¾åœ¨iPhoneã«å¯¾å¿œã¨ã„ã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã„ã‹ãŒã§ã™ã‹ï¼Ÿ ãœã²è§¦ã£ã¦ãƒŠãƒ“ゲートã—ã¦ã¿ã¦ãã ã•ã„ã。
æ€ã‚ãšè§¦ã‚ŠãŸããªã‚‹iOSã®UIデザイン - RyoAnna
ユーザーインターフェイスãŒæ´—ç·´ã•ã‚Œã¦ã„るアプリã¯ã€ä½¿ã£ã¦ã„ã¦æ°—æŒã¡ã„ã„。ボタンã®å½¢ã€é…ç½®ã€é…色ã€ç”»é¢ã®é·ç§»ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ã“れらã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨æ©Ÿèƒ½ãŒãƒžãƒƒãƒã™ã‚‹ã¨ã€å¤šãã®äººã«å—ã‘入れられるアプリã«ãªã‚‹ã€‚ 今回ã¯iOSã€ç‰¹ã«iPhoneã®UIデザインを紹介ã—ãŸã„。ã©ã‚Œã‚‚触りãŸããªã‚‹ã‚‚ã®ã°ã‹ã‚Šã 。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ - A Successful Failure
2013å¹´01月20æ—¥ UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ Tweet Good UI≠Good UX UIã¨UXã«ã¤ã„ã¦ã¯ãã®ç†è§£ã«ã¤ã„ã¦å¤šãã®è°è«–ãŒãªã•ã‚Œã¦ããŸã€‚ãŸã¨ãˆã°ã€Googleã®åŠå·æ°ã¯ã€Œå†™çœŸãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã‚³ãƒ¼ãƒ³ãƒ•ãƒ¬ãƒ¼ã‚¯ã®ä¾‹ã‚’å…ƒã«UIã¨UXã«ã¤ã„ã¦èª¬æ˜Žã—ãŸãŒã€ãã®å¾Œã€ERATOã®æ¸¡é‚Šæ°ãŒã€Œ1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©±ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã€ATMを例ã«ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ã„説明を挙ã’ã¦ã„る（次ã®å†™çœŸã¯å½“該エントリã‹ã‚‰ã®å¼•ç”¨ï¼‰ã€‚ ã“ã®ä¾‹ã§ã¯ãŸã¨ãˆUIãŒç´ 晴らã—ãã¦ã‚‚ã€ãã®ATMã¯æ™‚é–“ãŒã‹ã‹ã‚‹ãŸã‚ã€é•·ã„å¾…ã¡æ™‚é–“ãŒã§ãã€çµæžœã¨ã—ã¦UXãŒæãªã‚ã‚Œã‚‹å ´åˆã‚’示ã—ã¦ã„る。 ã—ã‹ã—ãªãŒã‚‰ã€å®Ÿéš›ã«ã¯ATMã®åŠ£æ‚ªãªUIãŒæ‚ªã„UXã®åŽŸå› ã¨ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã€æœ¬å½“ã«ã“ã®ATMã®UIã¯ç´ 晴らã—ã„ã®ã‹ã¨ã„ã†ç–‘å•ãŒæ®‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ŒGood UI ≠Go
モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¯é–“é•ã„ã ã£ãŸã®ã‹ - ã†ã‚ã®ã‚“ブãƒã‚°
最近ã€æµ·å¤–ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—界隈ã§ã¯â€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¯é–“é•ã„ã ã£ãŸâ€ã¨ã„ã†æ„見ãŒã‚ˆãã§ã¦ãã¦ã„る。 ãã‚Œã«ãŸã„ã—ã¦ã€â€ã“ã‚Œã‹ã‚‰ã¯ãƒ¢ãƒã‚¤ãƒ«ã ï¼ãƒ¢ãƒã‚¤ãƒ«ã ï¼â€ã¨ãšã£ã¨è¨€ã„続ã‘ã¦ã„ãŸTechCrunchã®ã‚¨ãƒ¼ã‚¹è¨˜è€…MG SIEGLERã•ã‚“ã¨ã®å¯¾è«‡ãŒéžå¸¸ã«é¢ç™½ã„。 å‹•ç”»ã¯ã“ã¡ã‚‰ã€‚Mobile First Or Mobile Worst?（英語） ã“ã®å‹•ç”»ã§èªžã‚‰ã‚Œã¦ã„る事ã¯èˆˆå‘³æ·±ã™ãŽã‚‹ã®ã§ã€å‡ºæ¥ã‚‹é™ã‚Šã©ã‚“ãªã“ã¨ã‚’話ã—ã¦ã„ã‚‹ã‹ã‚’紹介ã™ã‚‹ã¨ã¨ã‚‚ã«ã€äº‹ã®çµŒç·¯ã¨ã‹ã€iPhoneアプリを開発ã—ã¦ã„ã‚‹ç«‹å ´ã¨ã—ã¦åƒ•ã®æ„見も書ãã¾ãã‚ŠãŸã„。 ã¡ãªã¿ã«ã€ã“ã®å‹•ç”»ã§è©±ã—ã¦ã„ã‚‹ã®ã¯ã€ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ãŒæ–°è¦äº‹æ¥ã‚’ç«‹ã¡ä¸Šã’る時ã«ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã‹ã‚‰å§‹ã‚ã‚‹ã‹ã€ãã‚Œã¨ã‚‚Webベースã®PCサイトã‹ã‚‰å§‹ã‚ã‚‹ã‹ã®è©±ã§ã™ã€‚ 例ãˆã°Facebookã¯Webファーストã§ã€Instagramã¯ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—。 基本的ã«ã¯ã‚µãƒ¼ãƒ“
俺å¼4.0 :: æ–¹å‘ã‚ーã¨ãƒœã‚¿ãƒ³ãŒç„¡ã„時代ã®ã‚²ãƒ¼ãƒ ã¥ãã‚Šã«ã¤ã„ã¦
Created: 2012-12-30 Modified: 2012-12-30 Written by Tatsuya Koyama 0. 最近ã®åƒ•ã¯ä½•ã‚’考ãˆã‚‹ã‹ ã“ã®æ–‡æ›¸ã¯å¹³è¡Œä¸–ç•Œã«ãŠã‘ã‚‹ 21 æ³ã®åƒ•ã¸å‘ã‘ãŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã 。 ã“ã®è¨˜äº‹ã§ã¯ å°±è·ã—ã¦ï¼“年も経ã¤ã¨ã€äººç”Ÿã«ã¤ã„ã¦è‰²ã€…考ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ã“ã®ã¾ã¾è¡Œã£ã¦æœ€çµ‚çš„ã«åƒ•ã¯ä½•ãŒä½œã‚Œã‚‹ã®ã‹ãªãƒ¼ã¨ã‹ã€ ã“ã‚Œã‹ã‚‰å…ˆä½•å¹´ã‚‚満員電車ã§å¾€å¾©ã™ã‚‹æœæ™©ã§ã„ã„ã®ã‹ãªãƒ¼ã€ã¨ã‹ã。 ã¾ã‚ã§ã‚‚実際ã¯ã€ã©ã†ãªã‚‹ã‹äºˆæ¸¬ã®ã¤ã‹ãªã„未æ¥ã®ã“ã¨ã‚’考ãˆã‚‹ã®ã‚ˆã‚Šã€ 今ç¾åœ¨ã¤ãã‚ŠãŸã„ゲームã®ã“ã¨ã‚’考ãˆã‚‹ã“ã¨ã®æ–¹ãŒåƒ•ã¯å¥½ãã 。 ãã†ã€ã©ã†ãªã‚‹ã‹ãªã‚“ã¦äºˆæ¸¬ãŒã¤ã‹ãªã„ã‚“ã 。 僕ã¯ã‚¦ã‚§ãƒ–ã®å‹‰å¼·ã‚’ã—よã†ã¨æ€ã£ã¦æ•¢ãˆã¦ã‚²ãƒ¼ãƒ 会社をé¸ã°ãšä»Šã®ä¼šç¤¾ã«å°±è·ã—ãŸã®ã«ã€ çµå±€ä»Šã¯ã‚²ãƒ¼ãƒ ã‚’ã¤ãã£ã¦ã„る。 今ã¯ã¾ã ã€è‡ªåˆ†ãŒã‚²ãƒ¼ãƒ ã‚’ã‚„ã‚‹ã®ã¨ä½œã‚‹ã®ã‚’好ãã ã¨ä¿¡ã˜ã¦ç–‘ã£ã¦ã„ãªã„ã‘ã©ã€ ã“ã‚Œã‹ã‚‰å…ˆã€ã‚²ãƒ¼ãƒ よりé…
Google+ã®æ³¨ç›®ã®æŠ•ç¨¿(ピックアップ)を消ã™æ–¹æ³• | +PlusOneWorld
Google+ ã®ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«è¡¨ç¤ºã•ã‚Œã¦ã„る注目ã®æŠ•ç¨¿ã‚’éžè¡¨ç¤ºã«ã™ã‚‹æ–¹æ³•ã¯ä»¥å‰ã«ã‚‚ブãƒã‚°è¨˜äº‹ã§æ›¸ãã¾ã—ãŸã€‚ ã§ã™ãŒã€Google+ ãŒæ–°ã—ã„UI（ユーザインタフェース）ã«ãªã£ã¦ã‹ã‚‰ã€å°‘ã—注目ã®æŠ•ç¨¿ï¼ˆãƒ”ックアップ）をéžè¡¨ç¤ºã«ã™ã‚‹ã¾ã§ã®æ‰‹é †ãŒå°‘ã—変ã‚ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãªã®ã§ã€æ”¹ã‚ã¦ã€ŒGoogle+ ã®æ³¨ç›®ã®æŠ•ç¨¿ï¼ˆãƒ”ックアップ）を消ã™æ–¹æ³•ã€ã‚’記事ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Google+ ã®æ³¨ç›®ã®æŠ•ç¨¿ï¼ˆãƒ”ックアップ）をéžè¡¨ç¤ºã«ã™ã‚‹ â–¼Google+ 注目ã®æŠ•ç¨¿ï¼ˆæ³¨ç›®ï¼†ãŠã™ã™ã‚ã®æŠ•ç¨¿ï¼‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ https://plus.google.com/explore 注目ã®æŠ•ç¨¿ã®ãƒšãƒ¼ã‚¸ã®ç”»é¢ä¸Šéƒ¨ã«ã‚る「注目＆ãŠã™ã™ã‚ã®æŠ•ç¨¿ã€ã®æ¯è»Šéƒ¨åˆ†ã‚’押ã—ã¾ã™ã€‚ [ホーム] ã®ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«æŠ•ç¨¿ã‚’表示ã®é …ç›®ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã—ã¾ã™ã€‚ ã“ã‚Œã§ã‚‚ã†ã€æ³¨ç›®ã®æŠ•ç¨¿ã¯ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«æµã‚Œã¦æ¥ã¾ã›ã‚“。 Google+ ã®æ³¨ç›®ã®æŠ•ç¨¿ã«ã†ã‚“ã–
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
長文日記
Ring
{{#tags}}- {{label}}
{{/tags}}