ソシオメディア | UIデザインパターンソシオメディアãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIデザインパターン集。ã“れを使ãˆã°UIè¨è¨ˆã‚’効率化ã§ãã¾ã™ã€‚
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine
Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it is for users to follow your arguments and get the message you are trying to deliver. On the Web this can be done in a variety of ways. Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it i
Nitram+Nunca リアル・グラデーションã®ä½œæ³•
写真を撮る機会ã¯å®Ÿã«å¤šãã‚ã‚Šã¾ã™ãŒã€ç‰¹ã«çµå©šå†™çœŸã¯ä¸€ç”Ÿã®è¨˜å¿µã«ãªã‚‹å¤§äº‹ãªå†™çœŸã§ã™ã®ã§ã€ã§ãã‚‹ã ã‘良ã„ã‚‚ã®ã‚’残ã—ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã。 çµå©šå‰ã¯ä½•ã‹ã¨å¿™ã—ããªã‚Šã¾ã™ãŒã€ç–²ã‚ŒãŒæ®‹ã‚‰ãªã„よã†ã€å†™çœŸæ’®å½±ã®å‰ã«ã¯ã—ã£ã‹ã‚Šä¼‘æ¯ã‚’å–ã£ã¦ãŠããŸã„ã§ã™ã—ã€ã‚¨ã‚¹ãƒ†ãªã©ã‚‚利用ã—ã¦ã€ã§ãã‚‹ã ã‘ãã‚Œã„ãªçŠ¶æ…‹ã§æ’®å½±ã«ã®ãžã¿ãŸã„ã‚‚ã®ã§ã™ã€‚ ãã—ã¦ã€çµå©šå†™çœŸã¯æŒ™å¼å½“æ—¥ã«æ’®å½±ã•ã‚Œã‚‹ã‚«ãƒƒãƒ—ルも多ã„ã§ã™ãŒã€ã‚„ã¯ã‚Šæ…Œã—ã„ã“ã¨ã‚‚ã‚ã‚Šã€ã›ã£ã‹ãã®å†™çœŸã‚‚表情ãŒç¡¬ããªã£ã¦ã—ã¾ã£ãŸã¨ã„ã†çµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã‚‚ã„らã£ã—ゃるã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ çµå©šå†™çœŸã¯æœ€è¿‘ã¯å‰æ’®ã‚Šã§ã‚†ã¨ã‚Šã‚’æŒã£ã¦æ’®å½±ã•ã‚Œã‚‹æ–¹ã‚‚増ãˆã¦ã„るよã†ã§ã™ã€‚ メイクやç€ä»˜ã‘も時間をã‹ã‘られã¾ã™ã—ã€æ™‚é–“ã«ã‚‚余裕ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã‚ˆã‚Šè‡ªç„¶ãªè¡¨æƒ…ã§æ’®å½±ãŒã§ãã‚‹ã®ã‚‚メリットã§ã™ã€‚ ãã—ã¦ã€å¼å½“æ—¥ã¨ã¯é•ã†è¡£è£…ã‚’é¸ã¶ã“ã¨ãŒã§ãã‚‹ã®ã‚‚良ã„ã§ã™ã。 スタジオ撮影ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ’®å½±ãªã©ã§å±‹å¤–ã§ã®
Webデザイン入門 目次：ITpro
サイトを「使ãŠã†ã€ã¨ã„ã†æ„æ€ã¨ã€Œä½¿ãˆãŸã€ã¨ã„ã†çµæžœã®é–“ã«ã¯å¿…ãšã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†å·¥å¤«ãŒã‚ã‚Šã¾ã™ã€‚使ã„ã‚„ã™ã•ã‚’常ã«å¿ƒã«ç•™ã‚ã¦ï¼Œåˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç¿’å¾—ã—ã¦ã„ãã¾ã—ょã†ã€‚ ・Googleã®ã‚µãƒ¼ãƒ“ス群をコピペã§ä½¿ãˆã‚‹Google Web Elements ・Adobe Illustrator CS4ã®æ–°æ©Ÿèƒ½ï¼ˆãã®1） ・ソフトウエアã¨ã‚µãƒ¼ãƒ“スã®é…力的ãªèžåˆãŒã‚«ã‚® --- MIX essentials."Silverlight Day"より ・デジタルコンテンツã«æœŸå¾…高ã¾ã‚‹ --- CEATECパãƒãƒ«ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã‚ˆã‚Š ・無償ã®å†™çœŸç®¡ç†ãƒ»è£œæ£ã‚µãƒ¼ãƒ“ス「Adobe Photoshop Expressベータ版ã€ã‚’使ã£ã¦ã¿ãŸ ・担当者ã«èžãï¼ã€€ã€ŒGoogle Developer Day 2008ã€ã®è¦‹ã©ã“゠・新ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã«è¦‹ã‚‹Webページ・デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ ・英文メールã§KISSã¨ã‚ã£ãŸã‚‰ï¼Ÿ ――
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：ã‹ã‚ã§ã‚“☆ã¿ã‚…ー゠2006-06-28 ã¯ã˜ã‚㫠アップル ヒューマンインタフェースガイドラインåºæ–‡ アップルã¯ã€å¼·åŠ›ãªã‚³ã‚¢ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã—ã¦ã‚¢ã‚¯ã‚¢ã¨å‘¼ã°ã‚Œã‚‹ã€ç›®ã®é›¢ã›ãªã„ユーザインタフェースをçµã³ã¤ã‘ãŸã€ä¸–ç•Œã§æœ€ã‚‚先進的ãªã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã€Mac OS X を手ã«ã—ã¾ã—ãŸã€‚ 進化ã—ãŸæ©Ÿèƒ½ã¨ã€ç¾Žçš„ã«æ´—ç·´ã•ã‚ŒãŸè‰²ä½¿ã„ã€ãã—ã¦é€éŽå‡¦ç†ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã€Mac OS Xã¯æ–°è¦ã®ãƒ¦ãƒ¼ã‚¶ã«ã¯ã‚³ãƒ³ãƒ”ュータæ“作をより容易ã«ã€åŒæ™‚ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¦ãƒ¼ã‚¶ã«ã¯å½¼ã‚‰ãŒMacintoshã«æœŸå¾…ã™ã‚‹é€šã‚Šã®ç”Ÿç”£æ€§ã‚’æä¾›ã—ã¾ã™ã€‚ ユーザインタフェースã€ã™ãªã‚ã¡ãµã‚‹ã¾ã„ã¨å¤–見ã¯ã€ã‚ˆã練られãŸç·Šå¯†ãªãƒ¦ãƒ¼ã‚¶ä½“験をã€Mac OS Xå‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸå…¨ã¦ã®ã‚¢ãƒ—リケーションã«åˆ©ç”¨ã§ãるよã†ã«ã—ã¾ã™ã€‚ ã“ã‚Œ
ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ï¼šUIデザイン原則をソシオメディアãŒèªžã‚‹ - builder by ZDNet Japan
シーãƒãƒƒãƒˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¸ãƒ£ãƒ‘ンã¯9月29æ—¥ã€builderã¨ã—ã¦ã¯2回目ã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ãªã‚‹ã€Œbuilder tech dayã€ã‚’開催ã—ãŸã€‚今回ã¯ã€ŒUser Interface & beyondã€ã‚’テーマã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ã‚¢ãƒ‰ãƒ“システムズã€ã‚«ãƒ¼ãƒ«ã®ã‚¹ãƒ”ーカーãŒç™»å£‡ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è¬›æ¼”ã—ãŸã€‚ 本稿ã§ã¯ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢å–ç· å½¹ã§ã‚る上野å¦æ°ã®åŸºèª¿è¬›æ¼”「ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ã€ã‚’紹介ã—よã†ã€‚ トイレã«ã²ãã‚€UIã®ãƒ’ント 講演ã®å†’é ã€ä¸Šé‡Žæ°ã¯ç±³å›½ã®è‘—åãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ•ã‚¡ãƒ¼ãƒ ã€Adaptive Pathã«2008å¹´ã¾ã§åœ¨ç±ã—ã¦ã„ãŸDan Safferæ°ã¨å¯¾è©±ã—ãŸéš›ã®ã‚¨ãƒ”ソードを披露。 Safferæ°ãŒã€Œãƒˆã‚¤ãƒ¬ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§˜ã€…ãªãƒ’ントãŒã‚ã‚‹ã€ã¨è©±ã—ã¦ã„ãŸã“ã¨ã‚’紹介ã—ã€ä¸‹ã®ç”»åƒã‚’示ã—ãŸã€‚ 上野æ°ã¯èµ¤è‰²ã®æ³¨æ„書
ブルースタジオ：blue studio　×　リノベーション
ä¼šç¤¾æ¦‚è¦ æŽ¡ç”¨æƒ…å ± サイトãƒãƒªã‚·ãƒ¼ サイトマップ Tel 03-3541-5878 ãŠå•ã„åˆã‚ã› Copyright © 2015 blue studio co., ltd. All rights reserved.
Information Architecture Institute > Learning IA - Information Architecture Institute:
We’re currently in the process of migrating our library to the new Drupal system, but in the meantime we’ve made the content available via Google Documents. Our library is the largest expertly-curated, information architecture-specific library in the world, including articles, tools, templates, podcasts, and a full listing of all the books one could ever need to get to the next level of their IA p
PowerPoint Prototyping Toolkit (release 0.2)
After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with Office PowerPoint 2007â€, was to create a toolkit of commonly used GUI components to copy and paste when designing the prototype screens. That’s what I se
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚ã¯
端末特性ã«å¿œã˜ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティã®è€ƒãˆæ–¹æœ€ã‚‚身近ã§ã€ã©ã“ã§ã‚‚気軽ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç«¯æœ«ã¨ãªã£ãŸæºå¸¯é›»è©±ã€‚端末ã®æ€¥é€Ÿãªæ™®åŠã¨ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯åŒ–ã«ã¨ã‚‚ãªã„ã€æºå¸¯é›»è©±å‘ã‘インターãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã«ã‚ˆã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãŒå„ä¼æ¥ã§æœ¬æ ¼çš„ã«å–り組ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚PCå‘ã‘Webサイトã¨åŒæ§˜ã€æºå¸¯å‘ã‘Webサイト（以é™â€œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆâ€ï¼‰ã®æ§‹ç¯‰ã«ãŠã„ã¦ã‚‚当然ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®é«˜ã„サイトを構築ã™ã‚‹ã“ã¨ãŒå„ä¼æ¥ã®ãƒ“ジãƒã‚¹ã«ã‚ˆã„影響をもãŸã‚‰ã™ã“ã¨ã¯å¿…然ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã‚Œã¾ã§å„ä¼æ¥ãŒæ§‹ç¯‰ãƒ»é‹ç”¨ã—ã¦ããŸPCå‘ã‘Webサイトã¨æ¯”ã¹ã‚‹ã¨ã€ç”»é¢ã‚µã‚¤ã‚ºã‚„1ページã§è¡¨ç¤ºã§ãるページ容é‡åˆ¶é™ã€ã‚ャリアã”ã¨ã®é•ã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ãªã‚‰ã§ã¯ã®åˆ¶ç´„ãŒã‚ã‚Šã¾ã™ã€‚ãれらをè¸ã¾ãˆãŸã†ãˆã§ã€ã©ã†ã™ã‚Œã°ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’æ£ç¢ºã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã€ã‚¹ãƒˆãƒ¬ã‚¹ãªã利用ã§ãるユーザビリティã®å„ªã‚ŒãŸã‚µã‚¤ãƒˆã‚’実ç¾ã§
DESIGN IT! w/LOVE
å°é¢¨12å·ã®ä¸Šé™¸ã¨ã¨ã‚‚ã«èªã¿ã¯ã˜ã‚ãŸãƒ¡ãƒ«ãƒ´ã‚£ãƒ«ã®ã€Žç™½é¯¨ã€3巻をã€å…ˆæ—¥ã®å°é¢¨13å·ã®ä¸Šé™¸ã‚’å‰ã«èªã¿çµ‚ãˆãŸã€‚ 終ã‚ã‚Šè¿‘ãã§ã€ã‚¨ã‚¤ãƒãƒ–船長率ã„ã‚‹æ•é¯¨èˆ¹ãƒ”ークオッドå·ã‚‚ã¾ãŸå°é¢¨ã«å·»ãè¾¼ã¾ã‚Œã‚‹ã®ã‚’å°é¢¨13å·ã®è¨ªã‚Œã‚’å‰ã«ã—ãªãŒã‚‰èªã¿é€²ã‚ã€3å·»åˆè¨ˆ1200ページ強を12æ—¥ã‹ã‘ã¦èªã¿çµ‚ãˆãŸã®ã ã£ãŸã€‚ èªã¿ã¯ã˜ã‚ãŸã°ã‹ã‚Šã®é ƒã«åˆ¥ã®å ´æ‰€ã§ã‚‚「鯨ã®èªžæºã€ã¨ã„ã†è¨˜äº‹ã§æ›¸ã„ãŸãŒã€ã“ã®ã€Žç™½é¯¨ã€ã¨ã„ã†å°èª¬ã€æ‰€è¬‚「å°èª¬ã€ã¨æ€ã£ã¦é¢é£Ÿã‚‰ã†ã€‚å°èª¬ã§ã‚‚ã‚ã‚‹ãŒã€ç™¾ç§‘全書的ãªã®ã 。 ヨーãƒãƒƒãƒ‘ä¸ä¸–ã¨ã„ã†ã®ã¯å®Ÿã«ãŠã‚‚ã—ã‚ã„時代ã ã¨æ€ã†ã€‚ ãã®ã“ã¨ã¯1ã¤å‰ã®ã€Œä¸ä¸–ã®ç§‹ï¼ãƒ›ã‚¤ã‚¸ãƒ³ã‚¬ã€ã§ã‚‚紹介ã—ãŸãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚¸ãƒ§ãƒ«ã‚¸ãƒ§ãƒ»ã‚¢ã‚¬ãƒ³ãƒ™ãƒ³ãŒã€Žã‚¹ã‚¿ãƒ³ãƒ„ェ―西洋文化ã«ãŠã‘る言葉ã¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã€ã§æãã€ä¸ä¸–ã®äººã€…ã®æ€æƒ³ä¸–界もãªã‹ãªã‹èˆˆå‘³æ·±ã„。 例ãˆã°ã€ã€Œä¸ä¸–ã®å¿ƒç†å¦ã«ã‚ˆã‚Œã°ã€æ„›ã¨ã¯æœ¬è³ªçš„ã«å¦„想的ãªéŽç¨‹ã§ã‚ã‚Šã€äººé–“ã®å†…奥ã«æ˜ ã—出ã•ã‚ŒãŸä¼¼åƒã‚’ã‚ãã‚‹ãŸãˆã¾ãª
jQuery Ui.Tab（タブ）プラグイン実装・é…ç½®ä½ç½®ãƒ»ãã®æ„図ãªã© - WEBデザイン　BLOG
javascript タブUIå°Žå…¥ã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã§ã‚‚紹介ã—ãŸã‚¿ãƒ–機能・jQueryTab（タブ）プラグイン（jQuery UI Tabs / Tabs 3）をã“ã®ãƒ–ãƒã‚°ã«å®Ÿè£…ã—ã¾ã—ãŸã€‚ iGooleã‚„Yahoo!ニュースãªã©ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚ˆã見るページã§æ™®é€šã«ä½¿ã‚れるよã†ã«ãªã£ãŸä¾¿åˆ©ãªã‚¿ãƒ–機能。実装ã™ã‚‹ã«ã‚‚æ„味をæŒã£ã¦ä½¿ã‚ãªã„ã¨ã‚¿ãƒ€ã®ã‚¿ãƒ–ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ブãƒã‚°ã®ä¸ã§ä½¿ãˆã‚‹å ´æ‰€ã¯ï¼Ÿã¨è€ƒãˆãŸçµæžœã€‚エントリー文末ã«ä½¿ã†ã®ãŒãƒ™ã‚¹ãƒˆã§ã‚ã‚‹ã¨ã„ã†çµè«–ã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚“ãªã‚¿ãƒ–機能を実装ã—ãŸæ€æƒ‘ã¨é…ç½®å ´æ‰€ã®ç†ç”±ãªã‚“ã‹ã‚’書ã出ã—ã¦ã¿ã¾ã™ã€‚ jQuery UI Tabs ã“ã¡ã‚‰ã®jQuery UI Tabs / Tabs 3ã‹ã‚‰å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ãŒDLã§ãã¾ã™ã€‚ 以å‰ã‹ã‚‰æ”¹è‰¯ã•ã‚ŒãŸç‚¹ã¯ã€è¡¨ç¤ºã‚¿ãƒ–ã®å¹…ãŒé™å®šã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€ä»Šã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰ã¯ãƒ†ã‚スト内容ã«å¾“ã£ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 今回ã“ã®ãƒ–ãƒã‚°ã§ã¯
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ウェブã®ç”»é¢è¨è¨ˆã«ä½¿ãˆã‚‹ã¾ã¨ã‚ - DesignWalker
写真スライド　jCarousel - Riding carousels with jQuery
{{#tags}}- {{label}}
{{/tags}}