æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ç›´æ„Ÿçš„ãªUIã¨ã¯äºˆæƒ³ã—ãŸé€šã‚Šã®çµæžœãŒå¾—られるもã®ã®ã“㨠- ãƒã‚³ãƒ¡ã‚·CEOブãƒã‚°
UIデザインã®å‚考ã«ï¼æ–¬æ–°ã§ç¾Žã—ã„UIã‚’ã‚‚ã£ãŸiPhoneアプリã¾ã¨ã‚ ã¨ã„ã†è¨˜äº‹ã§ã¯ã€ç´¹ä»‹ã—ã¦ã„るアプリã®ã“ã¨ã”ã¨ãã«ã€ã€Œãƒœã‚¿ãƒ³ãŒç„¡ãã¦ã‚·ãƒ³ãƒ—ルã€ã€Œç›´æ„Ÿçš„ã§ä½¿ã„ã‚„ã™ã„ã€ãªã©ã¨æ›¸ã„ã¦ã‚ã‚‹ãŒã€Clearã®UIã¿ãŸã„ãªã®ã‚’「誰ã§ã‚‚ç›´æ„Ÿçš„ã«æ“作ã§ãã‚‹ã€ãªã©ã¨è©•ä¾¡ã™ã‚‹ç†ç”±ãŒã•ã£ã±ã‚Šç†è§£ã§ããªã„。 ã“ã†ã„ã†UIã¯åŸºæœ¬çš„ã«ã©ã‚Œã‚‚玄人å‘ã‘ã§ã€æ“作ãŒã‚¸ã‚§ã‚¹ãƒãƒ£ã®å¡Šã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ãã‚ŒãŒä½¿ã„ã“ãªã›ã‚‹ä¿ºã‚«ãƒƒã‚±ãƒ¼æ„ŸãŒé«˜ãã¦è‡ªå·±é¡•ç¤ºæ¬²ã‚’満ãŸã—ã‚„ã™ã„。"ãã®ã‚ˆã†ã«æ“作ã§ãã‚‹UIデザイン"ãŒæ°—æŒã¡ã„ã„ã®ã§ã¯ãªãã€"ãã®ã‚ˆã†ã«æ“作ã—ã¦ã„る自分"ãŒæ°—æŒã¡ã„ã„ã®é–“é•ã„ãªã‚“ã˜ã‚ƒãªã„ã ã‚ã†ã‹ã€‚ ボタンãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ルã ã¨æ°—æŒã¡ãŒã„ã„UIã«ãªã‚‹ã ã£ã¦ï¼Ÿã€€ãã‚“ãªã‚ã‘ãŒã‚ã‚‹ã¯ãšãªã„。ç¾å®Ÿä¸–ç•Œã¯ãƒœã‚¿ãƒ³ãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ルãªUIã§æº¢ã‚Œã¦ã„ã‚‹ã—ã€ãã®ãŠã‹ã’ã§æ¯Žæ—¥ã„ã‚ã‚“ãªå ´é¢ã§ã„らã„らã•ã›ã‚‰ã‚Œã¦ã„る。ãŸã‹ãŒ1個ã®ãƒ¬ãƒãƒ¼ã‚’上ã’
高å“質㪠UI ã‚„ Web ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒçŸæ™‚é–“ã§ä½œã‚Œã‚‹ãŠã‚¹ã‚¹ãƒ¡ã® Fireworks 拡張機能 4ã¤
ã“ã‚“ã«ã¡ã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸æ‹…当ã®é•·è°·å·ã§ã™ã€‚ 「å“質を上ã’ã‚Œã°é€Ÿåº¦ãŒè½ã¡ã‚‹ã—ã€é€Ÿåº¦ã‚’上ã’ã‚Œã°å“質ãŒâ€¦ã€ デザイナーã«ã¨ã£ã¦ã¯ã“ã®å“質ã¨é€Ÿåº¦ãŒéžå¸¸ã«æ‚©ã¾ã—ã„ã§ã™ã‚ˆã。 今回㯠UI ã‚„ Web デザインã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãªã©ã‚’ã€å“質をä¿ã£ãŸã¾ã¾ã‚µã‚¯ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤ Fireworks ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’ã”紹介ã—ã¾ã™ã€‚ 1. 作ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å´©ã•ãšã«ã¾ã¨ã‚ã¦ç¸®å°ã§ãる「Smart Resize〠Web ページã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãªã©ç•°ãªã£ãŸã‚µã‚¤ã‚ºã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作りãŸã„ã¨ããªã©ã«æœ€é©ã§ã™ã€‚ ã€ä½¿ã„方】 インストールã™ã‚‹ã¨ã‚³ãƒžãƒ³ãƒ‰ã«ã€ŒSmart Resizeã€ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ サイズ調整をã—ãŸã„デザインをé¸æŠžã—㦠コマンド＞ Smart Resize ＞ Attach ã‚’é¸æŠžã—ã¾ã™ã€‚ 後ã¯é»„色ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒã‚¤ãƒ³ãƒˆã§ã‚µã‚¤ã‚ºã‚’調整ã™ã‚‹ã ã‘ã§ãƒ†ã‚ストã®æ”¹è¡Œãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¿ã£ãŸã¾ã¾è‡ªå‹•çš„
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
「jQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã¯å¤§ãã変ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5関連ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkills主催ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryモãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ スマートフォンサイト作æˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ラグインã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®ä½œã‚Šæ–¹ã‚’一変ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1）HTMLを書ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãŒã§ãã¦ã—ã¾ã† 2）モãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3）iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ラットフォーム対応ã§ã‚ã‚‹ 具体的ãª
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
IBMãŒWebアプリケーションã®UIガイドラインã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開
æ¥å‹™ã‚¢ãƒ—リケーションãŒWebアプリケーションã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—リケーションã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—機能ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—リケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãれをアプリケーション全体ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティを実ç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ルãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 今回公開ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotus製å“群ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを統一ã™ã‚‹ãŸã‚ã®ç¤¾å†…プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
ã€æµ·å¤–事例ã«å¦ã¶ã€‘ リッãƒåŒ–ã™ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ (ユーザビリティ実践メモ)
ã“ã‚Œã¾ã§å½“サイトã§ã‚‚ã€ã„ãã¤ã‹ã®è¨˜äº‹ã§ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ‰±ã£ã¦ãã¾ã—ãŸã€‚最近ã€æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚’見ã¦ã„ã‚‹ã¨ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ–°ã—ã„å–り組ã¿ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ 今回ã¯ã€æµ·å¤–サイトã®å‹•å‘をサンプルã¨ã—ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ãŠã‘ã‚‹æ–°ãŸãªå–り組ã¿ã®ãƒ¡ãƒªãƒƒãƒˆã‚’ã”紹介ã—ã¾ã™ã€‚ Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例ãˆã°TIGERS （http://www.tigers.org.au）ã®ãƒ•ãƒƒã‚¿ãƒ¼(下図)ã§ã¯ã€é©
[JS]jQueryã®åŠ¹æžœçš„ãªä½¿ã„方を実例ã‹ã‚‰å¦ã¶ -Use jQuery
Use jQueryã¯ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「jQueryã€ã¨ãã®ãƒ—ラグインを使用ã—ãŸã‚¦ã‚§ãƒ–サイトã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
リッãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーションã®å®Ÿè£…時ã«æ¤œè¨Žã—ãŸã„30ã®UI
日本ã§ã‚‚近日発売ã®ã€ŒDesigning Web Interfacesã€ã‹ã‚‰ã€ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーションを作æˆã™ã‚‹ãŸã‚ã®30ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’紹介ã—ã¾ã™ã€‚ 30 Essential Controls サンプルã¯ã€ä¸€éƒ¨jQueryベースã®ã‚‚ã®ã«å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ 01. Auto Suggest
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚ã¯
端末特性ã«å¿œã˜ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã®è€ƒãˆæ–¹æœ€ã‚‚身近ã§ã€ã©ã“ã§ã‚‚気軽ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç«¯æœ«ã¨ãªã£ãŸæºå¸¯é›»è©±ã€‚端末ã®æ€¥é€Ÿãªæ™®åŠã¨ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯åŒ–ã«ã¨ã‚‚ãªã„ã€æºå¸¯é›»è©±å‘ã‘インターãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã«ã‚ˆã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãŒå„ä¼æ¥ã§æœ¬æ ¼çš„ã«å–り組ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚PCå‘ã‘Webサイトã¨åŒæ§˜ã€æºå¸¯å‘ã‘Webサイト（以é™â€œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆâ€ï¼‰ã®æ§‹ç¯‰ã«ãŠã„ã¦ã‚‚当然ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„サイトを構築ã™ã‚‹ã“ã¨ãŒå„ä¼æ¥ã®ãƒ“ジãƒã‚¹ã«ã‚ˆã„影響をもãŸã‚‰ã™ã“ã¨ã¯å¿…然ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã‚Œã¾ã§å„ä¼æ¥ãŒæ§‹ç¯‰ãƒ»é‹ç”¨ã—ã¦ããŸPCå‘ã‘Webサイトã¨æ¯”ã¹ã‚‹ã¨ã€ç”»é¢ã‚µã‚¤ã‚ºã‚„1ページã§è¡¨ç¤ºã§ãるページ容é‡åˆ¶é™ã€ã‚ャリアã”ã¨ã®é•ã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ãªã‚‰ã§ã¯ã®åˆ¶ç´„ãŒã‚ã‚Šã¾ã™ã€‚ãれらをè¸ã¾ãˆãŸã†ãˆã§ã€ã©ã†ã™ã‚Œã°ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’æ£ç¢ºã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã€ã‚¹ãƒˆãƒ¬ã‚¹ãªã利用ã§ãるユーザビリティã®å„ªã‚ŒãŸã‚µã‚¤ãƒˆã‚’実ç¾ã§
UIデザインガイドラインã®ã¾ã¨ã‚ : could
UIUXガイドライン UIデザインガイドラインã®ã¾ã¨ã‚ デザインガイドラインã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作るã¨ãã ã‘ã§ãªãã€UIデザインを考ãˆã‚‹éš›ã«ã‚‚役立ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚今ã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines 個人的㫠UI デザインガイドラインã¨ã„ãˆã°ã“れ。日本語訳も大変便利ã§ã™ Apple User Experience Guides ソフトウェア開発å‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚考ã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines 会員登録ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF 資料ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ラウザ上ã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】注目ã®Firefox用アドオン「Mozilla Ubiquityã€é–‹ç™ºè€…ã«è¨Šã (1) Mozilla Labsã¯8åã€å°‘æ•°ç²¾é‹ã®éƒ¨éšŠ | エンタープライズ | マイコミジャーナル
Mozillaã®ç ”究開発組織ã¨ã„ãˆã‚‹Mozilla Labsã§ã¯ã€å°†æ¥ã®Firefoxã‚„Fennecを特徴ã¥ã‘ã‚‹ã§ã‚ã‚ã†é‡Žå¿ƒçš„ãªå–り組ã¿ãŒé€²ã‚られã¦ã„る。ã„ãã¤ã‚‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã‚ã‚‹ãŒã€ä»Šå¾Œæ©Ÿèƒ½ã®å–ã‚Šè¾¼ã¿ãŒã‚る程度想定ã•ã‚Œã¦ã„ã‚‹é‡è¦åº¦ã®é«˜ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã¯æ¬¡ã®3ã¤ã‹4ã¤ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆå 説明 Weave ブックマークやパスワードãªã©ã•ã¾ã–ã¾ãªæƒ…å ±ã‚’æš—å·åŒ–ã—ã¦ã‚µãƒ¼ãƒã«ä¿æŒã—ã€ã©ã“ã‹ã‚‰ã§ã‚‚åŒã˜æƒ…å ±ãŒæ´»ç”¨ã§ãるよã†ã«ã™ã‚‹ Ubiquity 自然言語処ç†ã«ã‚ˆã‚‹Firefoxã®æ“作を実ç¾ã€‚エクステンションよりもã•ã‚‰ã«å¹…広ã„コマンド開発を狙ㆠGeode 地ç†æƒ…å ±ã‚’Firefoxã§æ´»ç”¨ã§ãるよã†ã«ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€‚モãƒã‚¤ãƒ«ã«ãŠã‘る活用ã®å¹…を広ã’ã‚‹ã“ã¨ã‚’目指㙠Prism Webアプリケーションã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションã®åž£æ ¹ã‚’ã¨ã‚Šæ‰•ã† ã“れ以外ã«ã‚‚野心的ãªå–り組ã¿ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹Mo
１ピクã®ãƒ©ã‚¤ãƒ³ã«ã“ã ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ãƒ‡ã‚£
ヘッダ内ã€ãƒ˜ãƒƒãƒ€ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ç•°ãªã‚‹è‰²ã®èƒŒæ™¯ã®åŒºåˆ‡ã‚Šã«ï¼‘ピクセルã®ãƒ©ã‚¤ãƒ³ã‚’使用ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ãƒ‡ã‚£ã‚’Spoonfed Designã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
会員登録フォームを構築ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ | ランサーズ社長日記
ã„ã„ãï¼ 11 ツイート B! ã¯ã¦ãƒ– 734 Pocket 58 ã“ã“2・3æ—¥ã€ã²ãŸã™ã‚‰è‰²ã€…ãªã‚µã‚¤ãƒˆã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ やコマースサイトã®è³¼å…¥ãƒ•ãƒãƒ¼ã‚’見ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦èªžã£ã¦ã„るブãƒã‚°ã‚„サイトをã¿ã¦ç ”究ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã†ã™ã‚Œã°ç™»éŒ²æ•°ãŒåŠ‡çš„ã«ä¸ŠãŒã‚‹ï¼ã¨ã‹ã€å£²ä¸ŠãŒä¸ŠãŒã‚‹ï¼ã¨ã„ã£ãŸæ–¹æ³•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã ã‘ユーザーã«å®‰å¿ƒæ„Ÿã‚’与ãˆãŸã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’å–り除ã„ãŸã‚Šã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã—ã€è¦‹ã¦ã„ãŸã‚µã‚¤ãƒˆã§ã‚‚登録ã—ã‚„ã™ã„サイトã«ã¯å…±é€šç‚¹ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚ å°‘ã—é‡ãŒå¤šã„ã§ã™ãŒã€è‡ªåˆ†ã§æ„è˜çš„ã«è¡Œã£ã¦ããŸã“ã¨ã€ç™»éŒ²ã—ã‚„ã™ã„サイトã®å…±é€šç‚¹ã€ãƒ–ãƒã‚°ã‚„サイトをã¿ã¦å‚考ã«ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤1ã¤ã¯ã‚ˆã言ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã€å¤§ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã†ã„ã£ãŸå°ã•ãªãƒ‡ã‚£ãƒ†ã‚£ãƒ¼ãƒ«ã«ã“ã ã‚ã£ã¦è¡ŒããŸã„ã¨æ€ã„ã¾ã™ã€‚ケースãƒã‚¤ã‚±ãƒ¼ã‚¹ã®å´é¢ã‚‚å¼·ã„ã®ã§ã™ãŒã€ä½•ã‹ã®å‚考ã«ãªã‚Œã°ã¨æ€ã„
Flashを使ã£ãŸè¶…絶クールãªãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³UIãŒã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹:phpspot開発日誌
labs.ideo.com Flashを使ã£ãŸè¶…絶クールãªãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®UIãŒå®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ 次ã®ãƒ“デオを見れã°ãã®å‡„ã•ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚iPhoneを大ããã—ãŸæ„Ÿã˜ã€‚ 概念ã¨ã—ã¦ã¯æ¬¡ã®å›³ã®ã‚ˆã†ã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ サーãƒéƒ¨åˆ†ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¨Flash用ã®APIãŒGoogle code ã§ã‚ªãƒ¼ãƒ—ンソース公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://code.google.com/p/ideo-multitouch/ ã“ã‚Œã¯æ¥½ã—ã„ã§ã™ã。 近未æ¥ã®ã‚³ãƒ³ãƒ”ュータã®UIã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã£ã¦ã„ãã†ãªæ°—ãŒã—ã¾ã™
MOONGIFT: » ã“ã‚Œã¯ã™ã”ã„ï¼Firefoxを使ã£ã¦ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ç°¡å˜ã«ä½œæˆã™ã‚‹ã€ŒPencilã€:オープンソースを毎日紹介
ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¿ãªã‚‰ãšå°Žå…¥å¿…é ˆã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨è¨€ãˆãã†ã 。 Webサイトを作る際ã«ã¯ã€ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãŒå¿…è¦ã«ãªã‚‹ã€‚ãれをベースã«ã—ã¦ã€Œã“ã“ã‚’ã“ã†ã—よã†ã€ã€Œæ¬¡ã¯ã©ã“ã«é·ç§»ã•ã›ã‚ˆã†ã€ã¨ã„ã£ãŸè°è«–ãŒå¯èƒ½ã«ãªã‚‹ã€‚é ã®ä¸ã ã‘ã§ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã¯ã£ãã‚Šã›ãšã€æ„見も出ã—ã¥ã‚‰ã„。 ドラッグアンドドãƒãƒƒãƒ—ã§ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作æˆã§ãã‚‹ ãã‚“ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作æˆã—よã†ã¨æ€ã£ãŸã‚‰ã€ç´™ã‚„HTMLオーソライズソフトウェアã€ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’使ã†ã“ã¨ãŒå¤šã‹ã£ãŸã€‚ã ãŒç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã¯ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„テã‚ストボックスãŒä½œã‚Šã¥ã‚‰ã„ã€HTMLオーソライズソフトウェアã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¾®èª¿æ•´ãŒé¢å€’ã€ç´™ã§ã¯é‡ã書ãã—ã¥ã‚‰ã„…ã¨ãã‚Œãžã‚Œã«æ¬ 点ãŒã‚ã£ãŸã€‚ãã“ã§ã“れを導入ã—ã¦ã¿ã‚ˆã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Pencilã€Firefoxアドオンã¨ã—ã¦å‹•ä½œã™ã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—作æˆã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 個人的ã«ã¯ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/08/user-interface.html
{{#tags}}- {{label}}
{{/tags}}