ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚2012年上åŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIデザインをdribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒPSDファイルをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã‚ˆã€‚
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
ã‹ã£ã“ã„ã„WEBã¯ç‰©ãŒå£²ã‚Œã‚‹ã®ã‹ï½œMore Access! More Fun
日本人ã®æ„地ã«ã‹ã‘ã¦ã‚¤ã‚®ãƒªã‚¹ã®ãƒ€ã‚µã‚¤ç—…院ã®WEB見ã¤ã‘ãŸã€‚ãŒã€ãƒ€ã‚µã‚¤ç¨‹åº¦ã§ã¯ä¼¼ãŸã‚Šå¯„ã£ãŸã‚Šã ãŒã•ã™ãŒã«â†‘ã®ä¸è¯æ€æƒ³ã¿ãŸã„ãªè‰²ã®ã¯ç„¡ã‹ã£ãŸã€‚ã¾ã‚ã€ã‚„ã‚‹æ°—ã®ç„¡ã„åŒå£«ã§æ¯”ã¹ã¦ã‚‚æ„味ãªã„ッス・・・ ã—ã‹ã—ã“ã®äººã®ã€Œã‹ã£ã“ã„ã„ã€ã¨æŒ™ã’ã¦ã„るサイトãŒFlashãƒãƒªãƒãƒªã®æ™‚代é…ã‚Œã®ã‚‚ã®ã°ã‹ã‚Šã§ã€ã©ã†ã‚‚日本人ã¨ã¯æ„Ÿè¦šãŒé•ã†ã®ãã€ã¨æ€ã£ãŸã‚ã‘。ã¾ã¨ã‚サイトã¿ãŸã‚‰åŒã˜ã“ã¨è¨€ã£ã¦ã‚‹äººãŒã„ã¦æ„Ÿå¿ƒã—ãŸã€‚ 27番ã®æŠ•ç¨¿ã«å®Œå…¨åŒæ„ã§ã™ã€‚ アメリカã®ã‚µã‚¤ãƒˆã¨æ—¥æœ¬ã®ãã‚Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’比ã¹ã¦ã‚‚ã€æ—¥æœ¬ã®ãƒ©ãƒƒãƒ—ã¨æœ¬å ´ã®ãれを比ã¹ã¦ã€Œæ—¥æœ¬èªžã¯ãƒ€ã‚µã‚¤ã€ã¨è¨€ã£ã¦ã‚‹ã®ã¨å¤§å·®ãªãã€ã¨ã«ã‹ãæ¼¢å—自体ãŒã‚‚ã¨ã‚‚ã¨æ¨ªæ›¸ãã§ã¯ç„¡ãã¦ç¸¦æ›¸ã用ã ã—ã€WEBã¯ã‚‚ã¨ã‚‚ã¨æ¨ªæ›¸ãã®è‹±èªžã«ã‚ã‚ã›ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ãšã‚‹ã„ã‚ã‘ã§ã™ã€‚ ãã‚‚ãも日本ã¨ã‚¢ãƒ¡ãƒªã‚«ã§ã®ä¾¡å€¤è¦³ã«å¤§ããªå·®ãŒã‚ã‚Šã¾ã™ã€‚日本ã®å®˜å…¬åºãªã‚“ã¦å›½æ°‘ã®èª°ï¼‘人も「クールã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦æ¬²ã—ã„ã€ã£ã¦æœ›ã‚“ã§ãªã„ã®ã§ã‹
30 Examples of Parallax Scrolling Effects in Web Design
Parallax scrolling effects have become an increasingly popular trend in web design. The basic idea of parallax is having different elements scroll along different site lines. This often gives viewers an increased sense of depth in the design. Many web […] Parallax scrolling effects have become an increasingly popular trend in web design. The basic idea of parallax is having different elements scro
webデザインã«å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ãŒå…¨ã¦æƒã†ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€Œ500+ web icons packã€
ページ移動ãŒå¿…è¦ãªwebページを快é©ã«é–²è¦§ã—ã¦ã‚‚らã†ãŸã‚ã«é‡å®ã™ã‚‹ç´ æアイコン。WEBサイトã®å†…容ã«ã‚ˆã£ã¦ã¯ã€åˆ†ã‹ã‚Šã‚„ã™ã表ç¾ã™ã‚‹ãŸã‚ã«å¤šãã®ç¨®é¡žã®ã‚¢ã‚¤ã‚³ãƒ³ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ãŒã€webデザインã«å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ãŒ500個もã¾ã¨ã‚られãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€Œã€Œ500+ web icons packã€ã§ã™ã€‚ 上記ã®ã¨ãŠã‚Šã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã„デザインã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ 「500+ web icons packã€ã«ã¯ã€ãƒ›ãƒ¼ãƒ ã‚„è¨å®šãƒ»é›»è©±ãªã©ã‚’表ã™ä¸€èˆ¬çš„ãªUIを示ã™ã‚¢ã‚¤ã‚³ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã€å¤§åž‹ã‚·ãƒ§ãƒƒãƒ”ングモールã«è¡¨ç¤ºã•ã‚Œã¦ã„るよã†ãªæ¡ˆå†…アイコンã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§ä½¿ã„ã‚„ã™ã„時計やグラフを示ã™ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€ç”Ÿæ´»ã®ã‚らゆる状æ³ãŒã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦ã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ シンプルãªã‚·ãƒ«ã‚¨ãƒƒãƒˆç´ æã«ãªã£ã¦ã„ã‚‹ã®ã§ã€æµè¡Œãªã©ã«é–¢ä¿‚ãªã利用ã§ãã‚‹ã¨ã„ã†ã®ãŒå¬‰ã—ã„ã§ã™ã。PSDデータ
200+ free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com
(...) Read the rest of 200+ free beautiful Photoshop patterns hand-picked from DeviantArt (0 words) FrancescoMugnai.com, 2009. | Permalink | No comment | Add to del.icio.us Post tags:
ColorBlender.com |色ã®ç›¸æ€§
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
ç”»åƒã§ä½¿ã‚ã‚Œã¦ã„るフォントを調ã¹ã‚‹æ–¹æ³• | POP*POP
今回ã®ã€Œè«¦ã‚ã¦ã„ã‚‹ä¸ä¾¿åˆ©ã€ã¯ã“ã¡ã‚‰ã®æŠ•ç¨¿ã‚’ã”紹介（ä¼ç”»ã®è©³ç´°ã¯ã“ã¡ã‚‰ï¼‰ã€‚ ãƒã‚´ã‚’作る時ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰å¸Œæœ›ã®ãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ã‚ã‚Œã¦ã„ã‚‹å°åˆ·ç‰©ã‚„ビットマップ画åƒã‚’示ã•ã‚Œã¦ã€Œã“ã®ãƒ•ã‚©ãƒ³ãƒˆã§ã€ã¨è¨€ã‚れるã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã®å—å½¢ã‹ã‚‰ãƒ•ã‚©ãƒ³ãƒˆå(ã‚‚ã—ãã¯å½¢ãŒè¿‘ã„フォント)を検索ã™ã‚‹æ‰‹ã¯ãªã„ã‚‚ã®ã§ã—ょã†ã‹ï¼Ÿï¼ˆãƒ«ãƒŸã‚¨ãƒ¼ãƒ«ã•ã‚“ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ 個人的ã«ã‚‚「ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã„ã„ãªã€‚何ã¨ã„ã†ãƒ•ã‚©ãƒ³ãƒˆã ã‚ã†ï¼Ÿã€ã¨æ€ã„ãªãŒã‚‰ã€ã‚ã‹ã‚‰ãªã‹ã£ãŸçµŒé¨“ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è§£æ±ºæ–¹æ³•ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚ 「WhatTheFontã€ã¨ã„ã†ã‚µã‚¤ãƒˆã‚’使ã£ã¦ã¿ã‚‹ã®ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ç”»åƒã§ä½¿ã‚ã‚Œã¦ã„るフォントを調ã¹ã¦ãれるサイトã§ã™ã€‚残念ãªãŒã‚‰æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒä¾¿åˆ©ã§ã™ã‚ˆã€‚ » WhatTheFont 使ã„方を簡å˜ã«ã”紹介ã—ã¾ã™ã€‚ ↑ 調ã¹ãŸã„フォントãŒæã‹ã‚Œã¦ã„ã‚‹ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚URLを指定ã—ã¦ã‚‚å–ã‚Šè¾¼
ç”»åƒã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã‚’ズームインã§ãるライブラリ「tjpzoom.jsã€:phpspot開発日誌
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. ç”»åƒã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã‚’ズームインã§ãるライブラリ「tjpzoom.jsã€ã€‚ 次ã®ã‚ˆã†ã«ã€ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã®ç”»åƒã‚’ズームã§ãã¾ã™ã€‚ 知ã£ã¦ãŠã‘ã°ã€ã‚¦ã‚©ãƒ¼ãƒªãƒ¼ã‚’探ã›é¢¨ã®ç°¡å˜ãªã‚²ãƒ¼ãƒ を作ã£ãŸã‚Šã€ã‚µã‚¤ãƒˆã®ã‚ャンペーンã¨ã—ã¦ã®é¢ç™½ã„１è¦ç´ ã¨ã—ã¦ä½¿ãˆãã†ã€‚ è¨ç½®æ–¹æ³•ã¯ç°¡å˜ã§ã€ã¾ãšã€æ¬¡ã®ã‚ˆã†ã«ã‚¹ã‚¯ãƒªãƒ—トをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ã€ç´ 敵ãªUIデザインã®ã¾ã¨ã‚
http://www.designwalker.com/2009/01/grunge-design.html
ãªã¤ã¿ã‹ã‚“ï¼ ã¯ã¦ãª - ユーザビリティ関連記事 ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}