http://www.life-is-bitter.com/entry/ui_checklist
UIデザイナーã«å¿…è¦ãªã®ã¯ã€æ±ºå®šåŠ›ã®ã‚るデザインを作る能力 | tsublog
最近ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«æ±‚ã‚られるスã‚ルãŒå¤šãã¦ä½•ã‚’å¦ã¹ã°è‰¯ã„ã‹ã‚ã‹ã‚‰ãªããªã£ã¦ããŸã€‚ã¨è¨€ã†å£°ã‚’èžãよã†ã«ãªã£ã¦ããŸã€‚ æµè¡Œã‚Šã®è¨˜äº‹ã«ã„ãã¤ã‹ç›®ã‚’通ã™ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã€Œ 経営者ã¨å¯¾ç‰ã«è©±ã›ã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³èƒ½åŠ›ã€ãƒ“ジãƒã‚¹ã‚»ãƒ³ã‚¹ã‚’ä¿æœ‰ã—ã¦ã„ã¦ã€ã‚¤ã‚±ã¦ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’作りã€ã‚³ãƒ¼ãƒ‰ã¾ã§ã‹ã‘ãªã„ã¨ã„ã‘ãªã„ ã€ã‚‰ã—ã„。 スã‚ルを多ãä¿æœ‰ã—ã¦ã„ã‚‹æ–¹ãŒæœ›ã¾ã—ã„ã®ã¯é–“é•ã„ãªã„。 ãŸã 〠ç¾å ´ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ ã«æœ€ã‚‚大事ãªã®ã¯å®Ÿè£…é¢ã§ã®è€ƒæ…®äº‹é …ãŒç¶²ç¾…ã•ã‚Œã¦è€ƒãˆè¾¼ã¾ã‚ŒãŸã€Œ 決定力ã®ã‚るデザイン ã€ã‚’作る力ã ã¨æ€ã†ã€‚ サッカーã§è¨€ã†ã¨ã€æ±ºå®šåŠ›ã¯ã€Œ 得点を決ã‚る能力 ã€ã¨ã—ã¦ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‘ã©ã€UIデザインã«ãŠã„ã¦ã¯ã€Œ 実装é¢ã¾ã§è€ƒæ…®ã•ã‚ŒãŸå®Ÿè£…å¯èƒ½ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã‹ ã€ã¨ã„ã†è¨€è‘‰ã¨ã—ã¦ä½¿ã£ã¦ã„る。 é…ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒ•ã‚£ãƒ¼ã‚¸ãƒ“リティãŒè€ƒæ…®ã•ã‚Œã¦ã„るデザインã§ã¯ã€ã‹ãªã‚Šå†…容ãŒç•°ãªã£ã¦ãã‚‹ã®ã§ã€ç¾å ´ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã¯ç‰¹ã«ã“ã®ã‚ãŸã‚Š
[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js
デモ：Googleマップ Googleマップもサãƒãƒ¼ãƒˆã€‚ Embed.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプト・スタイルシートã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋ã‚込む時ã«ã¯ã€Œwidgets.jsã€ã€ã‚³ãƒ¼ãƒ‰ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã«ã¯ã€Œhighlight.min.jsã€ã‚’使用ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenやツイートやPDFã‚„Googleマップã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚るスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
UIデザインã®è…•ãŒä¸ŠãŒã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚
UIデザイン用ã®æœ€é©ãªPhotoshopã®ç’°å¢ƒè¨å®šæ–¹æ³•ã‹ã‚‰ã€ãƒ–ラーやサークルを使ã£ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ãƒ•ãƒ©ãƒƒãƒˆã‚„縦長やレトãƒã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒšãƒ¼ã‚¸ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ãªã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ä½œã‚Šæ–¹ã€ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®ä½œã‚Šè¾¼ã¿æ–¹ãªã©ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’Photoshopã§ä½œæˆã™ã‚‹éš›ã«å‹‰å¼·ã«ãªã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚
0ã‹ã‚‰å¦ã¶ã‚¢ãƒ—リã®é…色 - Rejasupoem
当方Androidエンジニアをã—ã¦ãŠã‚Šã¾ã™ãŒã€ãƒ—ライベートã§ã‚¢ãƒ—リを作るã¨ãã€ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¯Android組ã¿è¾¼ã¿ã®ã‚‚ã®ã‚’使ã£ãŸã‚Šã€Fontawesomeを使ã£ãŸã‚Šã€ãƒ•ãƒªãƒ¼ç´ æを使ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—é…色ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«è½ã¡ã¦ã„ãªãã¦ã€è‡ªåˆ†ã§ã‚„ã‚‹ã¨ã‚¤ãƒžã‚¤ãƒã§ã€ã„ã„æ„Ÿã˜ã«ã—ãŸã„ã¨ã„ã†æ°—æŒã¡ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€èª¿ã¹ãŸã‚Šè©¦è¡ŒéŒ¯èª¤ã‚’ã—ã¦çŸ¥è¦‹ãŒå¾—られãŸã®ã§ã€é…色ã«æ‚©ã‚€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã«å…±æœ‰ã—ã¾ã™ã€‚ 3è¡Œã¾ã¨ã‚ デザインã¯ã‚»ãƒ³ã‚¹ã§è¡Œã†ã‚‚ã®ã§ã¯ãªããƒã‚¸ãƒƒã‚¯ã§æˆã‚Šç«‹ã£ã¦ã‚‹ã€ã¤ã¾ã‚ŠåŠªåŠ›ã§ãªã‚“ã¨ã‹ã§ãã‚‹ Color Scheme Designer 3 便利 é…色をå¦ã¶ã®ã«ã¯ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒä¸€ç•ªåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸ 色彩センスã®ã„らãªã„é…色講座 from Mariko Yamaguchi STEP 1. 対象ã«èˆˆå‘³ã‚’æŒã¤ 〜〜ã§å¿…è¦ã ã‹ã‚‰å‹‰å¼·ã—ãªã‘ã‚Œã°ã£ã¦å§‹ã‚ã¦ãŸã‚‚ã®ãŒé•·ã続ã„ãŸã“ã¨ãŒãªã„ã®ã§ã€
フラットデザインã®åˆ¶ä½œã«æ´»ç”¨ã—ãŸã„ PSD UIã‚ット「15 Latest PSD Flat UI Kits for Designersã€
TOP  >  Design  >  フラットデザインã®åˆ¶ä½œã«æ´»ç”¨ã—ãŸã„ PSD UIã‚ット「15 Latest PSD Flat UI Kits for Designers〠ç¾åœ¨ä¸»æµã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€‚シンプルãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´ã§ã™ãŒã€ã“ã‚Œã¾ã§ã«åˆ¶ä½œã—ãŸã“ã¨ãŒãªã„æ–¹ã«ã¨ã£ã¦ã¯ã€ã‚³ãƒ„ã‚’ã¤ã‹ã‚€ã¾ã§ã«æ™‚é–“ã‚’è¦ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã¯ï¼Ÿä»Šå›žã¯ãã‚“ãªåˆ¶ä½œã‚·ãƒ¼ãƒ³ã«æ´»ç”¨ã—ãŸã„ã€PSD UIã‚ット「15 Latest PSD Flat UI Kits for Designersã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （EAMEJIA | Premium and free graphic design resources | Flat UI Kit PSD） フラットデザインテイストã®ã€ã•ã¾ã–ã¾ãªwebデザインã§åˆ©ç”¨ã§ãã‚‹UIãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ Free Spark Flat UI Kit
『UIè¨è¨ˆã€œãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®è³ªã‚’高ã‚ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ åˆã‚ã¾ã—ã¦ã€‚社長室ã§UI/UXディレクターをã—ã¦ã„る渡辺（@mw19830720）ã¨ç”³ã—ã¾ã™ã€‚ç¾åœ¨ã¯ä¸»ã«UI/UX視点ã§ã®Amebaスマホã®ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ç®¡ç†ã‚’担当ã—ã¦ã„ã¾ã™ã€‚ 普段ディレクターãŒæœ¬ãƒ–ãƒã‚°ã§åŸ·ç†ã™ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šãªã„ã¨æ€ã„ã¾ã™ã®ã§ã€ä»Šå›žã¯ã„ã¤ã‚‚ã¨å°‘ã—雰囲気を変ãˆã¦ã€ã€Œã‚µãƒ¼ãƒ“ス立ã¡ä¸Šã’時ã«ãŠã‘ã‚‹UIè¨è¨ˆã‚„ディレクションã®è³ªã‚’高ã‚ã‚‹ãƒã‚¤ãƒ³ãƒˆã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã‚ãˆã¦ç›²ç‚¹ã«ãªã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨æ„Ÿã˜ã¦ã„る点をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯ç”»é¢è¨è¨ˆã®ãƒ•ã‚§ãƒ¼ã‚ºã«ãŠã„ã¦2点ã»ã©ã€‚ 仕様書全体を都度見返㙠画é¢ä»•æ§˜æ›¸ã®ä½œæˆã«ã¯æ•°æ—¥ï½žé•·ãã¦æ•°é€±é–“程度ã‹ã‹ã‚‹ã¨
心ã«éŸ¿ã„ãŸï¼è‰¯ã„デザインã«æ¬ ã‹ã›ãªã„大切ãª10ã®åŽŸå‰‡ -VitsÅ“
ãƒãƒ³ãƒ‰ãƒ³ã®å®¶å…·ãƒ–ランド「VitsÅ“ã€ã®ã‚¤ãƒ³ãƒ€ã‚¹ãƒˆãƒªã‚¢ãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ŒDieter Ramsã€ãŒæå”±ã™ã‚‹ã€Œè‰¯ã„デザインã«æ¬ ã‹ã›ãªã„大切ãª10ã®åŽŸå‰‡ã€ã‚’紹介ã—ã¾ã™ã€‚ プãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠè©±ã—ã§ã™ãŒã€ã‚¦ã‚§ãƒ–デザインã«ã‚‚通ã˜ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã。 ten principles for good design 10ã®åŽŸå‰‡ã®è‹±æ–‡ã¯ãã®ã¾ã¾ã€ã‚ã¨ã¯åŽŸæ–‡ã«æ²¿ã£ã¦è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ 翻訳ã«ã‚ãŸã£ã¦ã¯å…ƒãƒšãƒ¼ã‚¸ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹CC 3.0ã«å¾“事ã—ã¦ã„ã¾ã™ã€‚ Good design is innovative 良ã„デザインã¯ã€é©æ–°çš„。 ã‚‚ã®ã”ã¨ã‚’é©æ–°ã™ã‚‹ãŸã‚ã®å¯èƒ½æ€§ã¯ã€å°½ãã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。技術ã®é€²åŒ–ã¯å¸¸ã«é©æ–°çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã«æ–°ã—ã„ãƒãƒ£ãƒ³ã‚¹ã‚’与ãˆã¾ã™ã€‚é©æ–°çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯å¸¸ã«æŠ€è¡“ã¨ã¨ã‚‚ã«ç™ºå±•ã™ã‚‹ã‚‚ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§å®Œçµã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 Good design makes a product useful
マーケティングã«ãŠã‘る色彩心ç†å¦ã®æœ¬å½“ã®ä½¿ã„æ–¹
by Tiger Pixel マーケティングã«ãŠã„ã¦è‰²å½©å¿ƒç†å¦ã‚’利用ã™ã‚‹ã“ã¨ã¯é‡è¦ã¨ã•ã‚Œã¾ã™ãŒã€è‰²å½©ã®æŒã¤åŠ¹æžœã¯å€‹äººã®çµŒé¨“ã«ä¾å˜ã—ã€å¦è¡“çš„ã«è£ä»˜ã‘ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ãŒå°‘ãªã„ãŸã‚ã€è°è«–も多ã„ã¨ã“ã‚ã§ã™ã€‚ãã“ã§Help ScoutãŒãƒ–ãƒã‚°ã§ç ”究ã«ã‚ˆã£ã¦æ˜Žã‚‰ã‹ã«ã•ã‚ŒãŸè‰²å½©ã®æŒã¤ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã§ã®åŠ¹æžœã‚’ã¾ã¨ã‚ãŸã®ãŒã€ŒThe Psychology of Color in Marketing and Brandingã€ã§ã€å®Ÿéš›ã«å•†å“を売り出ã—ãŸã‚Šã€ã‚¦ã‚§ãƒ–サイトをデザインã™ã‚‹éš›ã«ã‚‚éžå¸¸ã«å½¹ç«‹ã¤å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚ The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心ç†å¦ã«é–¢ã™ã‚‹èª¤è§£ ã©ã†ã—ã¦è‰²å½©å¿ƒç†å¦ã¯å¤šãã®èª¤è§£ã‚’å«ã¿ã€ãã—ã¦
ã€åŽ³é¸ã€‘日本ã®å…¨iOSプãƒã‚°ãƒ©ãƒžã«æ§ãï¼iPhoneアプリ制作ã«å‚考ã«ãªã‚Šã™ãŽã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†15é¸ | DX.univ
iOSアプリ開発担当ã®è…原ã§ã™ã€‚ iPhoneã‚„iPadã®ã‚¢[...]ã€åŽ³é¸ã€‘日本ã®å…¨iOSプãƒã‚°ãƒ©ãƒžã«æ§ãï¼iPhoneアプリ制作ã«å‚考ã«ãªã‚Šã™ãŽã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†15é¸ by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当ã®è…原ã§ã™ã€‚ iPhoneã‚„iPadã®ã‚¢ãƒ—リ開発ã¯ã™ã¹ã¦ä¸€äººã§è²©å£²ã™ã‚‹ã¨ã“ã‚ã¾ã§æŒã£ã¦ã„ã‘ã‚‹ã®ãŒé…力ã®1ã¤ã§ã™ã€‚ アプリ開発作æ¥ã‚’大ãã分類ã—ã¾ã™ã¨ プãƒã‚°ãƒ©ãƒ デザイン 販売 ã«ã‚ã‹ã‚Œã¾ã™ã€‚販売ã«é–¢ã—ã¦ã¯AppStoreãŒã‚ã‚‹ã®ã§ã€å¿ƒé…ã¯ã‚ã‚Šã¾ã›ã‚“。残りã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ãŒã€ãªã‹ãªã‹ä¸¡æ–¹ã‚’å¾—æ„ã«ã™ã‚‹ã¨ã„ã†ã®ãŒé›£ã—ã„ã¨æ€ã„ã¾ã™ã€‚僕ã¯ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å‡ºæ¥ã‚‹ã®ã§ã™ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‹ã‚‰ã£ãã—ダメã§ã™ã€‚ 今日ã¯ãã†ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã«å‚考ã«ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªãƒ³ã‚¯é›†ã‚’ã”紹介ã„ãŸã—ã¾ã™ã€‚個人ã®ã‚¢ãƒ—リ開
ノンデザイナーã“ã押ã•ãˆã¦ãŠããŸã„! UI/UXãŒå¦ã¹ã‚‹ç¥žã‚¹ãƒ©ã‚¤ãƒ‰7é¸ | Find Job ! Startup
競åˆã«è² ã‘ãªã„Webサービスをã¤ãã‚‹ãŸã‚ã€UI（User Interface）ã€UX（UserExperienceã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験）ã«ã“ã ã‚ã‚‹ã®ã¯ã€ã‚‚ã¯ã‚„常è˜ã€‚良ã„UI/UXã¯ãƒãƒ¼ãƒ 全員ã§è€ƒãˆã‚‹ã“ã¨ãŒã€è‰¯ã„サービスをã¤ãる秘訣ã§ã™ã€‚ エンジニアやWebディレクターもå¦ã‚“ã§æã¯ã—ã¾ã›ã‚“。もã¡ã‚ã‚“ã€æœ¬è·ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚‚役立ã¤7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸ã¾ã¨ã‚ã§ã™ï¼ 目次 åŸºç¤ŽçŸ¥è˜ ï¼‘ï¼ŽUXã®ãŸã‚ã®UIデザイン ２．UX is not UI ３．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå‰ç·¨ 応用編（Webサイト） ４．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå¾Œç·¨ ５．コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ 応用編（スマホアプリ） ６．UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„UI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
UIエレメントã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‚©ã‚“ã§ã‚‹äººã«ã´ã£ãŸã‚Šã€UIエレメントã®ãƒªã‚½ãƒ¼ã‚¹ãŒæŽ¢ã›ã‚‹ãƒ»è¦‹ã¤ã‹ã‚‹ãƒ»ä½¿ãˆã‚‹ -UICloud
Category -UICloud å„UIエレメントã¯ãƒ—レビューã ã‘ã§ãªãã€PSDã‚„CSSãªã©ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ã§ãã¾ã™ã€‚ ライセンスã¯å…¨éƒ¨åŒã˜ãªã®ã‹ãªã€ãƒã‚§ãƒƒã‚¯ã—ãŸã‚‚ã®ã¯å…¨ã¦CC 3.0ã§å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚‚ã®ã°ã‹ã‚Šã§ã—ãŸã€‚ カテゴリã¯ãƒŠãƒ“ゲーションやボタンãªã©ã‚’ã¯ã˜ã‚ã€Apple, PSD, CSSやブルー・ブラックãªã©ã®ã‚«ãƒ©ãƒ¼ã”ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚
レスãƒãƒ³ã‚·ãƒ–ルãªãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹
「レスãƒãƒ³ã‚·ãƒ–ルãªãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ã‚’話ã—ã¦ã€ ã¨ä¾é ¼ã•ã‚Œã¾ã—ãŸã‘ã©ã‚‚ ​ ãã‚Œã£ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザイン㫠対応ã—ãŸãƒ†ãƒ¼ãƒžã£ã¦ã“ã¨ã§ã™ã‚ˆã？ （ã¿ã‚“ãªç”¨èªžãŒã¾ã ã‚ã„ã¾ã„ã よã）
HTML5ã¨jQueryã§ä½œã‚‰ã‚ŒãŸãƒ“デオプレイヤー「jMediaelement〠| Web活メモ帳
「jMediaelementã€ã¯HTML5ã¨jQueryã§ä½œã‚‰ã‚ŒãŸãƒ“デオプレイヤーã§ã™ã€‚ カスタマイズをå‰ç¨‹ã«ä½œã‚‰ã‚Œã¦ã„るよã†ã§ã€å„ボタンをæ“作ã—ãŸéš›ã®ã‚¤ãƒ™ãƒ³ãƒˆã®è¨å®šãªã©ç´°ã‹ãã§ãるよã†ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ Youtubeã®å‹•ç”»ã‚‚å†ç”Ÿã§ãるよã†ã§ã™ã€‚ デモ å¯¾å¿œå‹•ç”»å½¢å¼ ogg (theora/vorbis), mp4/mov (H.264), WebM (VP8/vorbis), FLV 複数対応ã—ã¦ã„るよã†ã§ã€movã‚„flvãªã©å†ç”Ÿã§ãるよã†ã§ã™ã€‚ デザインã«ã¯jQuery UIを使用ã—ã¦ã„るよã†ã§ã™ã®ã§ã€ãƒ†ãƒ¼ãƒžã®å¤‰æ›´ãªã©ç°¡å˜ã«ã§ããã†ã§ã™ã。 興味ã®ã‚ã‚‹æ–¹ã¯ãœã²ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã¿ã¦ãã ã•ã„ï¼
タブやフォームãªã©ã®UIもレスãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã•ã›ãŸ960グリッドシステムæ載ã®CSSフレームワーク・Gumby Framework
UIã‚ット PSD ガイドãŒå¼•ã‹ã‚ŒãŸãƒ¢ãƒã‚¤ãƒ«ç”¨ã¨PCサイト用ã®PSDã‚‚åŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»–ãã®ä»–ã€404用ページã€robots.txtã€ã‚¹ãƒžãƒ•ã‚©ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã€humans.txtãªã©ã‚‚åŒæ¢±ã€‚HTML5+CSS3ã§ã€modernizr.jsを使用ã€IE7ãªã©ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 目的別ã§DLå¯èƒ½ 12カラムã§è‰¯ã„ã€ã¨ã‹ãªã‚‰ä½™è¨ˆãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’å«ã¾ãªã„DLファイルもã‚ã‚Šã¾ã™ã€‚ ã§ã€è‚心ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ãŒã€MITã®ã‚ˆã†ã§ã™ã®ã§ã‹ãªã‚Šè‡ªç”±ã«ä½¿ãˆã¾ã™ã。ã“ã“ã¾ã§å¤ªã£è…¹ãªã®ã‚‚çã—ã„æ°—ãŒã—ã¾ã™ã€‚使ã„ã“ãªã—ãŸã„ã¨ã“ã‚。ã”利用ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžã€‚ Gumby Framework
スマートフォンサイトã§å¥½ã¾ã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ãƒªã‚µãƒ¼ãƒã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Goodpatch グッドパッãƒï½œãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ›ã‚’証明ã™ã‚‹
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸUIエレメントã®ã‚ªãƒ¼ãƒ—ンソースã®ã¾ã¨ã‚ -CSS3 Code Snippets | コリス
レトãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ 敵ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¦ã‚§ãƒ–サイトã®UIã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}