æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
アプリã®UIデザインã¨é…色パターンã¾ã¨ã‚（éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘） - Qiita
#ã¯ã˜ã‚ã« ç§ã¯ä¸»ã«iOSアプリã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãªã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ä¸€ç·’ã«é ¼ã¾ã‚Œã‚‹äº‹ãŒã‚ã‚Šã¾ã™ã€‚ デザイナーã˜ã‚ƒãªã„ã®ã§ï¼‘ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ããªã‚“ã¦åˆ°åº•ç„¡ç†ã§ã™ã€‚ ãã‚“ãªæ™‚ã«ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã§ã‚‚良ã„物を作るãŸã‚ã« UIデザインã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¨é…色パターンを決ã‚る便利ãªã‚µã‚¤ãƒˆã‚’ã”紹介致ã—ã¾ã™ã€‚ 基本他ã®ã‚¢ãƒ—リを真似å‚考ã«ã™ã‚‹ã¨ã„ã„æ„Ÿã˜ã«ã§ãã¡ã‚ƒã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 Web系開発ã®æ–¹ã‚‚é…色パターンç‰ã¯å‚考ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ #デザインをã™ã‚‹å‰ã« デザインをã™ã‚‹å‰ã«å‘¼ã‚“ã§ãŠã„ãŸã»ã†ãŒã„ã„物 ITエンジニアã«æ˜“ã—ã„UI/UXデザイン デザイナーã«è¨€ã‚ã‚ŒãŸã€Œéžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæ°—ã‚’ã¤ã‘ã‚‹ã¹ãデザインã®4原則〠ノンデザイナーã®ãŸã‚ã®é…色ç†è«– #アプリデザイン ##CAPPTIVATE.co å‹•ãã®ã‚るカッコã„ã„UIã°ã£ã‹ã‚Šè¼‰ã£ã¦ã„ã¾ã™ã€‚ 種類別ã§è¦‹ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã。 ##Mobile
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
Webデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ãï¼2014年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
2014年上åŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをDribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ å„アートワークã¯å¤§ãã„サイズã®ç”»åƒã‚„PSDをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 アートワークã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifも多ã„ã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚µã‚¤ã‚ºãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ãŸã‚最åˆã®ä¸€ã¤ã ã‘ã§ã™ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªãƒ³ã‚¯å…ˆã§ã€‚
『デザインã¯8ã®å€æ•°ã§ã§ãã¦ã„ã‚‹ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ mama&crowdã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€é•·è°·å·å½°ä¹‹ä»‹ã§ã™ã€‚ 今回ã¯ã€WEBサイトã®ã€Œä½™ç™½ã€ã‚„「ブãƒãƒƒã‚¯ã‚µã‚¤ã‚ºã€ã€ŒWEBサイトã®æ¨ªå¹…ã€ã«å¯¾ã—㦠「最é©ãªå€¤ã¯å˜åœ¨ã™ã‚‹ã®ã‹ï¼Ÿã€ ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 少々長ã„ã§ã™ãŒã€ãŠä»˜ãåˆã„ã®ã»ã©ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ボックスサイズã¨ã¯ã€ã€Œãƒ˜ãƒƒãƒ€ãƒ¼ã€ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã€ŒãƒŠãƒ“ゲーションã€ãªã©ã® ã²ã¨ã¤ã²ã¨ã¤ã®å›ºã¾ã‚Šã®å¤§ãã•ï¼ˆã‚µã‚¤ã‚ºï¼‰ã‚’指ã—ã¾ã™ã€‚ ã€ç¬¬ï¼‘部】8ã®å€æ•° WEBサイトã®UIをデザインã—ã¦ã„ã¦æ‚©ã¾ã•ã‚Œã‚‹ã®ãŒã€Œä½™ç™½ã€ã§ã™ã€‚ 「ã“ã“ã¯3px…ã„ã‚„4pxã‹ã€‚ã‚‚ã£ã¨ç©ºã‘ãŸã‚‰è¦‹ã‚„ã™ããªã‚‹ã‹ã‚‚ã—ã‚Œãªã„。6p
æ€ã‚ãšè§¦ã‚ŠãŸããªã‚‹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
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
楽ã—ã作れるï¼ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ・モックアップ作æˆæ”¯æ´ãƒ„ール7é¸ | DevelopersIO
ワイヤーフレームを楽ã—ã作ã‚ã†ï¼ é…力的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ユーザーã«å±Šã‘ã‚‹ãŸã‚ã«ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ 何より自分自身ãŒæ¥½ã—ã‚“ã§ä½œã‚‰ãªã„ã¨ã€è‰¯ã„アイデアã¯ç”Ÿã¾ã‚Œãªã„ã‚‚ã®ã§ã™ã‚ˆã。 ã¨ã„ã†ã“ã¨ã§ã€Œæ¥½ã—ã作れるï¼ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã€ãŠã™ã™ã‚ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œæˆã‚’支æ´ã™ã‚‹ãƒ„ールをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ã‚‚ã¡ã‚ã‚“ã™ã¹ã¦ç„¡æ–™ã§å§‹ã‚られã¾ã™ï¼ ã§ã¯æ—©é€Ÿã©ã†ãžã€œï¼ Fluid UI http://www.fluidui.com/ プレビュー機能ã§ç”»é¢é·ç§»ã‚‚作れる UIパーツãŒæœ¬ç‰©ã«ã‹ãªã‚Šè¿‘ã„å½¢ã§è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™(ã‚€ã—ã‚ãã®ã¾ã¾ï¼Ÿ)。UIパーツã¯Wireframeã€iPhoneã€iPadã€Androidã€Android 4.0ã€Android Tabletã€Windows Phoneã®ä¸ã‹ã‚‰è‡ªç”±ã«é¸ã¹ã¾ã™ã€‚ã‹ãªã‚Šè±Šå¯Œã§ã™ã€‚ã¾ãŸã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã“
インターフェイスデザインãŒç´ 晴らã—ã„iPhoneアプリをカテゴリ別・UIパターン別ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ -MobileMozaic
インターフェイスデザインãŒç´ 晴らã—ã„iPhoneアプリをカテゴリ別・UIパターン別ã§è¦‹ã‚‰ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ -MobileMozaic
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªWebアプリを作るãŸã‚ã«
※image via 003 FREE WEB GRAPHICSデãƒã‚¤ã‚¹ã®å¤šæ§˜åŒ–ã«ä¼´ã„ã€æ‹¡å¼µæ€§ã®é«˜ã„Webアプリã®é‡è¦æ€§ãŒè¦‹ç›´ã•ã‚Œã¦ã„ã¾ã™ã€‚サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ãƒ‡ã‚«ã‚°ãƒ©ãƒ•ã‚’構æˆã™ã‚‹ã‚µãƒ¼ãƒ“スも基本的ã«ã¯Webベースã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã‚¢ãƒ—リã®æ”¹å–„スピードを上ã’ãŸã‚Šã€å„サービス間ã®å›žéŠæ€§ã‚’高ã‚ã‚‹ã¨ã„ã†ç‹™ã„ã‚‚ã‚るよã†ã§ã™ã€‚ ãŸã ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ先行ã§ã‚µãƒ¼ãƒ“スã«è§¦ã‚Œã¦ã„ã‚‹ãŸã‚ã€ã“ã‚Œã¾ã§ã®Webアプリã§ã¯å½“ãŸã‚Šå‰ã ã£ãŸã“ã¨ãŒã€ä»Šã§ã¯ã‚¹ãƒˆãƒ¬ã‚¹ã«æ„Ÿã˜ã¦ã—ã¾ã†ã“ã¨ã‚‚多ã„ã§ã™ã€‚HTML5ã®ç™»å ´ã‚„Javascriptã®ãƒ©ã‚¤ãƒ–ラリã®å……実ãªã©ã«ã‚ˆã‚Šã€æœ€è¿‘ã§ã¯ãƒªãƒƒãƒãªWebアプリを作る環境ãŒæ€¥é€Ÿã«æ•´ã£ã¦ãã¦ã¯ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚スマートフォンå‘ã‘ã«æº€è¶³åº¦ã®é«˜ã„Webアプリをæä¾›ã™ã‚‹ãƒãƒ¼ãƒ‰ãƒ«ã¯éžå¸¸ã«é«˜ã„ã¨è¨€ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã€Œã‚‚ã£ã•ã‚Šï¼†ã‚«ã‚¯ã‚«ã‚¯ã€ãªå°è±¡ã®ã‚ã‚‹Webアプリã®æ“作
実例ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‹ã‚‰ã‚ã‹ã£ã¦ããŸã‚ˆã‚Šã‚ˆã„UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®æ¡ä»¶
UIデザインã¨ã¯ãƒ¦ãƒ¼ã‚¶ã®ä½¿ã„易ã•ã€åˆ†ã‹ã‚Šæ˜“ã•ã€å¿«é©ã•ã‹ã‚‰æƒ…å ±æ©Ÿå™¨ã‚„WEBãªã©ã‚’è¨è¨ˆã‚’ã—ã¦ã„ãã“ã¨ã‚’言ã„ã¾ã™ãŒã€ãƒãƒ³ã‚²ãƒ¼ãƒ ã‚’é‹å–¶ã™ã‚‹NHN Japanæ ªå¼ä¼šç¤¾ã®æ¤å·ç¥æ¨¹ã•ã‚“ãŒã€ã‚²ãƒ¼ãƒ ã«UIデザインをå–り入れã¦ã€ã‚ˆã‚Šã‚²ãƒ¼ãƒ ã‚’é¢ç™½ãã™ã‚‹ã¨ã„ã†å–り組ã¿ã«ã¤ã„ã¦èªžã‚Šã¾ã—ãŸã€‚ ユーザã®è¡Œå‹•ã‹ã‚‰å¦ã¶ã‚²ãƒ¼ãƒ UIデザイン NHN Japanæ ªå¼ä¼šç¤¾ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–マーケティングセンターマーケティングデザイン室/UXデザインãƒãƒ¼ãƒ ã®æ¤å·ç¥æ¨¹ã¨ç”³ã—ã¾ã™ã€‚よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ユーザã®è¡Œå‹•ã‹ã‚‰å¦ã¶ã‚²ãƒ¼ãƒ UIデザインã«ã¤ã„ã¦ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ç§ã¯2011å¹´ã«å¼Šç¤¾ã«å…¥ç¤¾ã—ã¾ã—ã¦UXデザイナーã¨ã—ã¦WEBサービスをデザインã—ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚2012å¹´ã‹ã‚‰ã¯ä¸»ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リやゲームã«é–¢ã™ã‚‹UXã‚’è¡Œã£ã¦ãŠã‚Šã¾ã™ã€‚ 弊社ã®ã‚µãƒ¼ãƒ“スã«ã¤ã„ã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚主è¦4ブランドサービスを展開ã—ã¦ã„ã¾ã—ã¦ã€å·¦ã‹ã‚‰ã‚ª
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}