[B! interface][Design] yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yife id:yife

interfaceã¨Designã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{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}}

Toshi Omagari | iPhone5ã®ç”»é¢ãŒå«Œã„
æ›¸ä½“ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ–ãƒã‚°ã§ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã«ä½•ã‚‚é–¢ä¿‚ãªã„ã“ã¨ã‚’æ›¸ãã®ã‚‚ã©ã†ã‹ã¨æ€ã„ã¾ã™ãŒã€ã©ã†ã›èª°ã‹ã«è©±é¡Œã‚’æ±ºã‚ã‚‰ã‚Œã¦ã‚‹ã‚ã‘ã§ã‚‚ãªã„ã—ã€å°‘ãªãã¨ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ä¿‚ã™ã‚‹ã“ã¨ãªã®ã§æ›¸ã„ã¦ãŠãã¾ã—ã‚‡ã†ã€‚åƒ•ã¯iPhone5ã®ç”»é¢ã‚µã‚¤ã‚ºãŒå¤§å«Œã„ã§ã™ã€‚ ã”å˜çŸ¥ã®é€šã‚ŠAppleã¯é•·ã‚‰ãiPhoneã®ç”»é¢ã‚’3.5ã‚¤ãƒ³ãƒã€640960ãƒ”ã‚¯ã‚»ãƒ«ã®ã¾ã¾ã«ã—ã¦ãŠã‚Šã€ã¤ã„æœ€è¿‘ç™ºè¡¨ã•ã‚ŒãŸiPhone5ã«ã¦ç¸¦ã«256ãƒ”ã‚¯ã‚»ãƒ«è¿½åŠ ã—ãŸ6401136ã®ç”»é¢ã‚’æ–°ãŸã«å°Žå…¥ã—ã¾ã—ãŸã€‚ï¼ˆ12/11/06è¨‚æ£ï¼š256pxã§ã¯ãªã176pxã§ã—ãŸã€‚ï¼‰ 9æœˆ12æ—¥ã®ç™ºè¡¨ä¼šã§åŒç¤¾ã®ãƒ•ã‚£ãƒ«ãƒ»ã‚·ãƒ©ãƒ¼ã¯ã“ã‚“ãªã“ã¨ã‚’è¨€ã£ã¦ã„ã¾ã™ã€‚ â€œé›»è©±ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸å¿ƒã«ãªã‚‹ç‰©ã¯ä½•ã§ã—ã‚‡ã†ï¼Ÿã“ã‚Œã§ã™ã€ã‚ãªãŸã®æ‰‹ã§ã™ã‚ˆï¼é›»è©±ã¯æ‰‹ã®åŽã¾ã‚ŠãŒè‰¯ããªãã¦ã¯ãªã‚‰ãšã€æˆ‘ã€…å…¨ã¦ãŒæŒã¤ã“ã®é”æ³•ã®ãƒ‡ãƒã‚¤ã‚¹ï¼ˆè¦ªæŒ‡ï¼‰ã§ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ˆã†ã§ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚æºå¸¯é›»è©±ã¯ã‚ãªãŸã®æ‰‹ã«ç¾Žã—ããƒ•ã‚£ãƒƒ
yife 2012/10/19
iphone

usability

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

iphone

design

interface

Apple

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹

mobile
ãƒªãƒ³ã‚¯
The 60+ Best Ecommerce Websites - Top Ecommerce Website Designs
Home Â» Articles Â» 25+ Best Ecommerce Website Designs for Inspiration (2024) 25+ Best Ecommerce Website Designs for Inspiration (2024) The list of top 50 ecommerce website designs in 2024 If you subscribe to a service from a link on this page, Reeves and Sons Limited may earn a commission. See our ethics statement. For any business that wants to sell online, having a well-designed website is vitall
yife 2012/07/29
Mac

IT

interface

Mac

apps

icons

gui

design

application
ãƒªãƒ³ã‚¯
Iron Man View Interface Effect in Photoshop
Last weekend I was watching the Iron Man movie and I was blown away by some of the effects I saw. Loved the bombs and some interface designs, in special when he puts the mask and lots of cool elements start popping on the screen, like the Terminator view. That really inspired me and I decided to try that in Adobe Photoshop. So in this tutorial I will show you how to create the Iron Man screen inte
yife 2012/03/17
photoshop

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

CREATE

tips

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

photo

interface

design

photoshop

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
LCARSMANIA.COM - TOP
yife 2011/03/28
pc

trekky

design

datavisualization

ui

flash

interface

SF

StarTrek

STAR TREK
ãƒªãƒ³ã‚¯
ç§‹å…ƒ@ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ©ãƒœãƒ»ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚° : ãƒ€ãƒ¼ã‚¯ãƒ‘ã‚¿ãƒ¼ãƒ³ - ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’é¨™ãã†ã¨ã™ã‚‹æ‚ªã„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«åå‰ã‚’ã¤ã‘ã¦å…±æœ‰ã™ã‚‹ã‚µã‚¤ãƒˆ
DarkPatterns.orgã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‚ªç”¨ã™ã‚‹ãƒ–ãƒ©ãƒƒã‚¯ãƒãƒƒãƒˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç„¡ãã™ã“ã¨ã‚’ç›®çš„ã«ã€ã‚ã–ã‚ã–åˆ†ã‹ã‚Šã«ãã‹ã£ãŸã‚Šã€æœ›ã‚“ã§ã„ãªã„ã“ã¨å®Ÿè¡Œã•ã›ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã«å…±é€šã®åå‰(ãƒ‘ã‚¿ãƒ¼ãƒ³)ã‚’ã¤ã‘ã€ãã‚Œã‚’ä½¿ã£ã¦ã„ã‚‹ä¸è‰¯ã‚µã‚¤ãƒˆãƒ»ä¼æ¥ã«æ–‡å¥ã‚’ã¤ã‘ã‚‹ãŸã‚ã®æ–°ã—ã„ã‚µã‚¤ãƒˆã§ã™ã€‚ ãŸã¨ãˆã°ã€ãƒ‘ã‚¿ãƒ¼ãƒ³ã€Œè²·ã„ç‰©ã‹ã”ã«å¿ã³è¾¼ã¾ã›ã‚‹(Sneak into basket)ã€ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥ã‚Œã¦ã„ãªã„å•†å“ãŒã„ã¤ã®ã¾ã«ã‹ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚«ãƒ¼ãƒˆã«ç´›ã‚Œè¾¼ã‚€ã‚ˆã†ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ä¾‹ã¨ã—ã¦ã€æ—…è¡Œäºˆç´„ã‚µã‚¤ãƒˆå¤§æ‰‹ã®Travelocityã§ã€ãƒ›ãƒ†ãƒ«ã‚„é£›è¡Œæ©Ÿã®ãƒã‚±ãƒƒãƒˆã‚’è³¼å…¥ã—ãŸç¢ºèªç”»é¢ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸ã«ã€æ—…è¡Œæºè¡Œå“ä¿é™ºã®è³¼å…¥ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã€Œã¯ã„ã€ã§è¿½åŠ ã•ã‚Œã¦ã„ã‚‹ã€ãªã©ã¨ã„ã£ãŸä¾‹ãŒè¼‰ã£ã¦ã„ã¾ã™ã€‚ $19.95ã¨ã„ã†é¡ã¯ãƒã‚±ãƒƒãƒˆã«æ¯”ã¹ã¦å®‰ã„ãŸã‚ã€äººã«ã‚ˆã£ã¦ã¯ãã®ä¿é™ºã‚’è²·ã£ãŸ
yife 2010/08/17
ãƒ‘ã‚¿ãƒ¼ãƒ³

Web

design-pattern

ã‚ã¨ã§èªã‚€

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

Design

Interface

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

*å¾Œã§ï½ž
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–UIè©³è§£
ã‚¿ãƒ–UIã®æ§‹é€ ã‚„ç‰¹é•·ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„æ©Ÿèƒ½ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…ä¾‹ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¾‹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ â€»åŽŸæ–‡ã§ã¯ã€Œã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„ã‚¿ãƒ–UIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ ã‚¿ãƒ–ã®ã¿ã‚’æŒ‡ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. ã‚¿ãƒ–ã®æ§‹é€ 2. ã‚¿ãƒ–ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. ã‚¿ãƒ–ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ 4. ã‚¿ãƒ–ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ 5. ã‚¿ãƒ–ã®æ‹¡å¼µ 6. ã‚¿ãƒ–ã®å®Ÿè£…é›† 7. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›† ã¯ã˜ã‚ã« ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ãƒ‘ãƒãƒ«
yife 2009/09/08
ui

usability

webdesign

tab

css

design

interface

javascript
ãƒªãƒ³ã‚¯
Web Design Dev - Graphic and Web Design Blog
SEO (search engine optimization) is the process of optimizing a website to increase online visibility and traffic from search results. It positively influences the visibility of a website in search engines, however, it requires time and appropriate actions and tools. In this article, we will point out what comprehensive SEO consists of and what is â€¦ Read more Combining Technical SEO Optimization &
yife 2009/08/02
design

webdesign

interface

templates

gallery

adobe

tips

tutorial

web

css
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ‰ç”¨ãª12ç¨®é¡žã®åŠ¹æžœçš„ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ‰ç”¨ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒŠãƒ“ã‚²ãƒ¼ãƒˆã™ã‚‹12ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Onextrapixelã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
yife 2009/07/23
navigation

ui

webdesign

design

web

interface

usability

tips
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹åŠ¹æžœçš„ãªèƒŒæ™¯ã®ä½¿ã„æ–¹
Backgrounds In Web Design: Examples And Best Practices ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¸¸ã«é€²åŒ–ã—ã¦ãŠã‚Šã€å¤§ããªå¤‰åŒ–ã®ä¸€ã¤ã«èƒŒæ™¯ã®ä½¿ã„æ–¹ãŒã‚ã‚Šã¾ã™ã€‚ èƒŒæ™¯ã®é‡è¦ãªå½¹å‰²ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ã®èˆˆå‘³ã‚’è¦–è¦šçš„ã«ã²ãã¤ã‘ã‚‹ã“ã¨ã§ã™ã€‚ èƒŒæ™¯ã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ†ãƒ¼ãƒžã‚’æ”¯ãˆã‚‹ã‚‚ã®ã§ã‚ã‚Šã€ã‚ã‚‰ã‚†ã‚‹å¯èƒ½æ€§ã‚’è€ƒæ…®ã—è¨è¨ˆã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã“ã§ã¯ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãµã¾ãˆãŸã€èƒŒæ™¯ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1. The Basic Background Structures è‰¯ã„èƒŒæ™¯ã‚’è¨è¨ˆã™ã‚‹éš›ã«ã€èƒŒæ™¯ã®åŸºæœ¬æ§‹é€ ã‚’çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Body Background bodyã®èƒŒæ™¯ã¯ã€æ˜”ã‹ã‚‰ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹èƒŒæ™¯ã§ã™ã€‚ ä¸»ã«ã‚¤ãƒ¡ãƒ¼ã‚¸ã€ã‚¤ãƒ©ã‚¹ãƒˆã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã€ãƒ‘ã‚¿ãƒ¼ãƒ³ãªã©ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ Content Background ã‚³ãƒ³ãƒ†
yife 2009/04/14
tips

list

howto

design

webdesign

interface

background
ãƒªãƒ³ã‚¯
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
yife 2008/12/16
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

interface

design

usability

webdesign

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1