[B! design] ochikunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ochikun id:ochikun

designã«é–¢ã™ã‚‹ochikunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚ãƒ£ã‚ºãƒ ã‚’è¶…ãˆã‚ï¼ - å›£å¡Šï½žã‚·ãƒ‹ã‚¢å±¤å‘ã‘ã®Webè¨è¨ˆã€€ã‚„ã£ã¡ã‚ƒã„ã‘ãªã„10ã®ï¼µï¼©
ä¸€æ™‚æœŸãƒ‘ã‚½ã‚³ãƒ³æ•™å®¤ã®è¬›å¸«ã‚’ã‚„ã£ã¦ã„ãŸã“ã¨ã«ã‚ˆã‚‹çµŒé¨“ã¨ã€æ˜¨ä»ŠWebã‚µãƒ¼ãƒ“ã‚¹é‹ç”¨ã«ã‚ãŸã£ã¦ä¸é«˜å¹´å±¤ã‹ã‚‰ã®ã‚¯ãƒ¬ãƒ¼ãƒ ãªã©ã‚’è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ãŸçµæžœã¨ã—ã¦ã€50ä»£ä»¥ä¸Šã®ãƒ¦ãƒ¼ã‚¶ã«å¯¾ã™ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ï¼†PCã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIè¨è¨ˆã«ãŠã‘ã‚‹ä»¥ä¸‹10ã®TIPSã‚’å…¬é–‹ã—ã¦ã¿ãŸã„ã¨æ€ã†ã€‚...ã¨ã„ã£ã¦ã‚‚ãŸã‹ã ã‹10å€‹ã§åŽã¾ã‚‹ç°¡å˜ãªè©±ã§ã¯ãªã„ã®ã§ã€æ€ã„ã¤ã„ãŸã‚‰éƒ½åº¦è¿½åŠ ã—ã¦è¡ŒããŸã„ã€‚ IDï¼Œãƒ‹ãƒƒã‚¯ãƒãƒ¼ãƒ ã‚’è€ƒãˆã•ã›ã¦ã¯ã„ã‘ãªã„ã€‚åŠè§’è‹±å—é–‹å§‹é™å®šã¯è«–å¤– IDã‚„ãƒ‹ãƒƒã‚¯ãƒãƒ¼ãƒ ãŒæ€ã„ã¤ã‹ãªã„æ–¹ãŒå¤šã„ã€‚ã“ã‚Œã¯ã‚·ãƒ‹ã‚¢ã«é™ã‚‰ãšã€ITãƒªãƒ†ãƒ©ã‚·ãƒ¼ãŒãã‚Œã»ã©é«˜ããªã„è‹¥å¹´å±¤ã«ã¤ã„ã¦ã‚‚è¨€ãˆã‚‹ã“ã¨ã€‚ä½œã‚‹å´ã®äººé–“ã‚‚ã€ŒéŽåŽ»ã«Webã§ä½¿ã£ãŸID,Nicknameã¯å…¨ã¦ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ã€‚ä½•ã‹æ–°ã—ã„ã®ã‚’è€ƒãˆã¦å…¥ã‚Œã¦ã¿ã¦ã€‚ã€ã¨è¨€ã‚ã‚Œã‚‹ã¨çµæ§‹æ‚©ã‚“ã˜ã‚ƒã†ã‚‚ã®ã€‚ãã‚Œã¨åŒã˜çŠ¶æ…‹ã«é™¥ã‚‹ã¨æ€ã£ã¦ã„ãŸã ã‘ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã€‚ã€ŒIDã®ã‹ã‚ã‚Šã«é›»è©±ç•ªå·ã§ã‚‚ã„ã„ã§ã™ã‚ˆã€ã¨ã„ã†ã¨çµ
ochikun 2010/06/12
webãƒ‡ã‚¶ã‚¤ãƒ³

ui

design

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ãƒ‡ã‚¶ã‚¤ãƒ³

usability
ãƒªãƒ³ã‚¯
éŸ³æ¥½ç†è«–ä¸€è¦§ï¼éŸ³æ¥½äº‘ã€…ãƒŸã‚¹ã‚¿ãƒ¼ãƒ™ã‚¢ã‚¯ãƒ©ãƒƒã‚·ãƒ¥
ç°¡å˜ãªä½œæ›²ã«å¿…è¦ã¨æ€ã‚ã‚Œã‚‹æœ€ä½Žé™ã®éŸ³æ¥½ç†è«–é›†ã§ã™ã€‚ è‡ªç”±ã«ä½œæ›²ã™ã‚‹ãŸã‚ã«ã‚‚ã€éŸ³æ¥½ã®çŸ¥è˜ã¯çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã€‚å¾—ãŸçŸ¥è˜ã«ç¸›ã‚‰ã‚Œã‚‹ã“ã¨ç„¡ãã€è‡ªç”±ã«ä½œæ›²ã§ããŸæ™‚ã¯ååˆ†ã«éŸ³æ¥½ç†è«–ãŒèº«ã«ã¤ã„ã¦ã‚‹ã¯ãš...
ochikun 2010/06/06
Design

è§£èª¬

è‰²
ãƒªãƒ³ã‚¯
à¹€à¸§à¹‡à¸šà¸šà¸²à¸„à¸²à¸£à¹ˆà¸² à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸„à¸²à¸ªà¸´à¹‚à¸™à¸à¸±à¸™à¸”à¸±à¸š 1 à¹„à¸”à¹‰à¹€à¸‡à¸´à¸™à¸ˆà¸£à¸´à¸‡ FAFA567 à¹à¸—à¸‡à¹„à¸¡à¹ˆà¸¡à¸µà¸‚à¸±à¹‰à¸™à¸•à¹ˆà¸²
3 à¸à¸±à¸™à¸”à¸±à¸šà¹€à¸§à¹‡à¸š à¸šà¸²à¸„à¸²à¸£à¹ˆà¸² à¸à¸à¸™à¹„à¸¥à¸™à¹Œ FAFA567 à¹„à¸”à¹‰à¹€à¸‡à¸´à¸™à¸ˆà¸£à¸´à¸‡ à¹à¸—à¸‡à¹„à¸¡à¹ˆà¸¡à¸µà¸‚à¸±à¹‰à¸™à¸•à¹ˆà¸³ 2024à¸ˆà¸±à¸”à¸à¸±à¸™à¸”à¸±à¸š 3 à¹€à¸§à¹‡à¸š à¸šà¸²à¸„à¸²à¸£à¹ˆà¸² à¸—à¸µà¹ˆà¸”à¸µà¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹ƒà¸™à¸›à¸£à¸°à¹€à¸—à¸¨à¹„à¸—à¸¢à¸›à¸µ 2023 à¸—à¸µà¹ˆà¹€à¸£à¸µà¸¢à¸à¸§à¹ˆà¸²à¹„à¸”à¹‰à¹€à¸‡à¸´à¸™à¸ˆà¸£à¸´à¸‡ à¸¡à¸±à¹ˆà¸™à¸„à¸‡à¸—à¸²à¸‡à¸à¸²à¸£à¹€à¸‡à¸´à¸™à¸¡à¸²à¸à¸—à¸µà¹ˆà¸ªà¸¸à¸” à¸à¸µà¸à¸—à¸±à¹‰à¸‡à¸¢à¸±à¸‡à¹à¸—à¸‡à¹„à¸¡à¹ˆà¸¡à¸µà¸‚à¸±à¹‰à¸™à¸•à¹ˆà¸³ à¸šà¸²à¸„à¸²à¸£à¹ˆà¸² à¸§à¸à¹€à¸¥à¸— à¸£à¸à¸‡à¸£à¸±à¸šà¸à¸²à¸£à¸à¸²à¸à¸–à¸à¸™à¹à¸šà¸šà¸à¸à¹‚à¸•à¹‰ à¸‚à¸±à¹‰à¸™à¸•à¹ˆà¸³à¹€à¸£à¸´à¹ˆà¸¡à¸•à¹‰à¸™à¸—à¸µà¹ˆ 1 à¸šà¸²à¸—à¹€à¸—à¹ˆà¸²à¸™à¸±à¹‰à¸™ à¹„à¸¡à¹ˆà¸§à¹ˆà¸²à¸ˆà¸°à¸—à¸¸à¸™à¹€à¸¢à¸à¸°à¸«à¸£à¸·à¸à¸§à¹ˆà¸²à¸™à¹‰à¸à¸¢ à¸à¹‡à¸ªà¸²à¸¡à¸²à¸£à¸–à¹€à¸‚à¹‰à¸²à¸¡à¸²à¹à¸—à¸‡ à¸„à¸²à¸ªà¸´à¹‚à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¹„à¸”à¹‰à¸„à¸£à¸šà¸—à¸¸à¸à¸„à¹ˆà¸²à¸¢ à¹„à¸¡à¹ˆà¸§à¹ˆà¸²à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¸¡à¸·à¸à¹ƒà¸«à¸¡à¹ˆ à¸«à¸£à¸·à¸à¸§à¹ˆà¸²à¹€à¸‹à¸µà¸¢à¸™à¸šà¸²à¸„à¸²à¸£à¹ˆà¸² à¹€à¸£à¸²à¹à¸™à¸°à¸™à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“
ochikun 2010/03/03
webãƒ‡ã‚¶ã‚¤ãƒ³

ç´ æ

free

design
ãƒªãƒ³ã‚¯
ç¬¬3å›žãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã®Webã‚µã‚¤ãƒˆè¨è¨ˆãƒ»ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—1æ—¥ç›®: DESIGN IT! w/LOVE
ä¸ç¢ºå®Ÿãªæ™‚ä»£ã‚’ã‚¯ãƒã‚¯ãƒè›‡è¡Œã—ãªãŒã‚‰é“ã‚’åˆ‡ã‚Šã²ã‚‰ãéžç·šå½¢åž‹ãƒ–ãƒã‚°ã€‚äººé–“ã®æ€è€ƒã®å½¢ã®å¤‰é·ã‚’æŽ¢æ±‚ã™ã‚‹ã“ã¨ã‚’ãƒ©ã‚¤ãƒ•ãƒ¯ãƒ¼ã‚¯ã«ã€‚ 3å›žç›®ã¨ãªã‚Šã€æ’ä¾‹ã«ãªã£ãŸæ„Ÿã®ã‚ã‚‹ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¹ã‚±ãƒ¼ãƒ—ç¤¾ä¸»å‚¬ã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã®Webã‚µã‚¤ãƒˆè¨è¨ˆãƒ»ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã€ã®è¬›å¸«ã‚’ã—ã¦ãã¾ã—ãŸã€‚ 2é€±ã«ã‚ãŸã£ã¦ã®2æ—¥é–“ï¼ˆ5h/æ—¥Ã—2ï¼10hï¼‰ã§è¡Œã†ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã®1æ—¥ç›®ã¯ã€ã„ã¤ã‚‚ã©ãŠã‚Šä¸‹è¨˜ã®å†…å®¹ã‚’å®Ÿæ–½ã—ã¾ã—ãŸã€‚ è¬›ç¾©â€•ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦â€•ãƒ¯ãƒ¼ã‚¯ãƒ¢ãƒ‡ãƒ«åˆ†æžï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼å€‹åˆ¥ã§ã®åˆ†æžï¼‰KJæ³•ï¼ˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—ã®åˆ†æžï¼‰ãƒšãƒ«ã‚½ãƒŠæ–‡æ›¸ã®ä½œæˆ ã“ã®ä½œæ¥ã®æµã‚Œã¯ã€è‡ªåˆ†ãŸã¡ãŒã“ã‚Œã‹ã‚‰ã¤ãã‚ã†ã¨ã—ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã‚ã‚‹ã„ã¯å•†å“ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ãªã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼å±¤ã«å¯¾ã—ã¦ã€ãã®äººãŸã¡ãŒæ™®æ®µã©ã®ã‚ˆã†ã«ç”Ÿæ´»ã®ãªã‹ã§Webã‚µã‚¤ãƒˆã‚ã‚‹ã„ã¯å•†å“ã¨é–¢ã‚ã£ã¦ã„ã‚‹ã®ã‹ã‚’è¦³å¯Ÿï¼†ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã§èª¿æŸ»ã—ãŸçµæžœã‚’ã€ã¾ãšã¯å€‹åˆ¥ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã”ã¨ã«ãã®è¡Œå‹•ã¨èƒŒæ™¯ã€ãã—ã¦ã€ãã“ã«æ½œã‚€æ½œåœ¨çš„ãª
ochikun 2009/09/28
design

webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º
ãƒªãƒ³ã‚¯
cssã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’å¦ã³ãŸã„æ™‚ã«è¦‹ã¦ãŠããŸã„12ã‚µã‚¤ãƒˆ - ã‹ã¡ã³ã¨.net
cssãŒè‹¦æ‰‹ã§å«Œã„ãªã®ã§ å¥½ãã«ãªã‚ã†ã¨æ€ã„ã€å‹‰å¼·ã« ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’å›½å†…å¤–ã§ é¸ã‚“ã§çµžã£ã¦ã¿ã¾ã—ãŸã€‚ åŒã˜æ€ã„ã‚’ã—ã¦ã„ã‚‹æ–¹ã¨ã‚·ã‚§ã‚¢ ã—ãŸã„ã¨æ€ã£ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã™ã€‚ ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã¯ä»Šå›žã¯å‰²æ„›ã—ã¾ã—ãŸã€‚å‹‰å¼·ã™ã‚‹ãªã‚‰æŠ‘ãˆã¦å½“ãŸã‚Šå‰ã§ã™ã—ãã€‚å›½å†…å¤–åˆã‚ã›ã¦11ã‚µã‚¤ãƒˆã¨ãŠã¾ã‘ãŒ1ã‚µã‚¤ãƒˆã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯å›½å†…ã‚µã‚¤ãƒˆã‹ã‚‰ã€‚ CSS HappyLife å€‹äººçš„ã«å›½å†…ã§cssã¨ã„ãˆã°CSS HappyLifeã•ã‚“æ€ã„å‡ºã—ã¾ã™ã€‚åŸºæœ¬ã‹ã‚‰å¿œç”¨ã¾ã§å¹…åºƒãæƒ…å ±ã‚’é…ä¿¡ã€‚ CSS HappyLife CSS-EBLOG ã»ã¼cssä¸å¿ƒã«æƒ…å ±ã‚’é…ä¿¡ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ã“ã¡ã‚‰ã‚‚ã‹ãªã‚Šå‹‰å¼·ã«ãªã‚‹ã‚µã‚¤ãƒˆã€‚ã‚µã‚¤ãƒˆè‡ªä½“ã‚‚è¦‹ã‚„ã™ã„ã§ã™ã—ã€cssã§å›°ã£ãŸæ™‚ã«ã¯å¿…ãšè¨ªã‚ŒãŸã„ã‚µã‚¤ãƒˆã§ã™ã€‚ CSS-EBLOG CSS Lecture cssã§å‡ºæ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å…¬é–‹ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¦ãã‚Œã‚‹ã®ãŒå‡„ãå¬‰ã—ã„ã€‚è¦ªåˆ‡ã§åˆ†ã‹
ochikun 2009/09/24
webãƒ‡ã‚¶ã‚¤ãƒ³

è³‡æ–™

design

Webåˆ¶ä½œ

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Crystal Clear - Wikimedia Commons
Original icons from the Crystal Clear icon set (archived page as of 10 October 2012 at Internet Archive) by Everaldo Coelho. This set is a previous version of the Crystal Project icon set. The icons are licensed under the GNU Lesser General Public License (LGPL). These icons can be downloaded in a single package at Open Icon Library. You can also view these icons sorted by type. All imagesâ€™ real s
ochikun 2009/09/17
ãŠå½¹ç«‹ã¡

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

webãƒ‡ã‚¶ã‚¤ãƒ³

opensource

design

ui

é–‹ç™º

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

ãƒ‡ãƒ¼ã‚¿
ãƒªãƒ³ã‚¯
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
ochikun 2009/09/04
é–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

powerpoint

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ—ãƒ¬ã‚¼ãƒ³

ãŠå½¹ç«‹ã¡

ã‚ã¨ã§ã‚„ã‚‹

ui

design

prototype
ãƒªãƒ³ã‚¯
1