ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
20 beautifully designed smartphone apps | Web Designer Depot
It’s no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It’s imperative because we’re not just taking a look online, but we as consumers are beginning to purchase, […] It’s no secret that designers must start designing for mobile. With more
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.
アイデアを膨らã¾ã›ã‚‹ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ç”¨ã®å…¨430+種類ã®ã‚¤ãƒ©ã‚¹ãƒˆç´ æ
é ã®ä¸ã«ã‚るアイデアを形ã«ã—ã€è‡ªåˆ†ã ã‘ã§ãªãä»–ã®äººã¨ã‚‚アイデアを膨らã¾ã›ã‚‹ã“ã¨ãŒã§ãるストーリーボードやスケッãƒã«åˆ©ç”¨ã§ãã‚‹ã‚¤ãƒ©ã‚¹ãƒˆç´ æを紹介ã—ã¾ã™ã€‚
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー記事】日本人åˆã®Dribbblerã«èžãã€å„ªã‚ŒãŸUIデザイナーã«ãªã‚‹ç‚ºã®ç§˜è¨£ã¨ã¯: 後編 | Goodpatch Blog
先日アップã—ãŸã€Œã€ã‚¤ãƒ³ã‚¿ãƒ“ュー記事】日本人åˆã®Dribbblerã«èžãã€å„ªã‚ŒãŸUIデザイナーã«ãªã‚‹ç‚ºã®ç§˜è¨£ã¨ã¯: å‰ç·¨ã€ã®å¾Œç·¨ã§ã™ï¼ 後編ã§ã¯è²«äº•ä¼¸éš†æ°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¿å‡ºã•ã‚Œã‚‹ä½œæ¥ç’°å¢ƒã‚„スã‚ルå‘上ã®ç‚ºã«ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§å¤§åˆ‡ã«ã—ã¦ã„ã‚‹ã“ã¨ãªã©ã«ã¤ã„ã¦ã‚¤ãƒ³ã‚¿ãƒ“ューã—ãŸå†…容をã¾ã¨ã‚ã¾ã—ãŸï¼ 貫井伸隆æ°ã®Dribbbleページ→ https://dribbble.com/nobtaka ーー貫井ã•ã‚“ã¯æ™®æ®µã©ã‚“ãªç’°å¢ƒã§ä½œæ¥ã•ã‚Œã¦ã„ã¾ã™ã‹ï¼Ÿ （↑貫井æ°ã®è‡ªå®…作æ¥ç’°å¢ƒï¼‰ メインã§ä½¿ã£ã¦ã„るマシンã¯iMacã®27インãƒãƒ¢ãƒ‡ãƒ«ã§ã€ä»–ã«Apple Cinema Display 23インãƒã‚‚使ã£ã¦ã„ã¾ã™ã€‚周辺アクセサリーã¯USé…列ã®ã‚ーボードã€Magic Mouseを使ã£ã¦ã„ã¾ã™ã€‚ ソフトã¯Photoshopã€ãƒ”クトグラムを作る時ã«Illustratorも使ã„ã¾ã™ã。他ã«ã¯ slicyã€xSc
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ç„¡å ±é…¬ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚当然ã¨ã„ã†ä¸–ã®ä¸ã‚‰ã—ã„ã§ã™ã - ã ã¾ã—ãŸã¤ã‚‚ã‚Šã§ã ã¾ã•ã‚ŒãŸ
ä¹…ã—ã¶ã‚Šã«ã‚«ãƒ¼ã£ã¨é ã«æ¥ã¦ã—ã¾ã£ãŸã®ã§è„Šé«„åå°„çš„ã«æ€ã†ã¨ã“ã‚を書ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ 話ã®ç™ºç«¯ã¨ãªã£ãŸã®ãŒã€å¤§é˜ªå¸‚ã§å®Ÿéš›ã«ã‚ã£ãŸã®å‹Ÿé›†äº‹æ¡ˆã§ã‚ã‚‹ 区ãŒç„¡å ±é…¬ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‹Ÿé›†â€¦æŠ—è°æ®ºåˆ°ã€è¨ˆç”»ä¸æ¢ : 社会 : YOMIURI ONLINE（èªå£²æ–°èžï¼‰ 大阪市　天王寺区　ã€å ±é“発表資料】デザインã®åŠ›ã§ã€è¡Œæ”¿ã‚’変ãˆã‚‹ï¼ï¼ã€œå¤©çŽ‹å¯ºåŒºåºƒå ±ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’募集ã—ã¾ã™ã€œ ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 説明ã¯ä¸è¦ã‹ã¨ã‚‚æ€ã„ã¾ã™ãŒä¸€å¿œã‚¹ã‚¿ãƒ³ã‚¹ã®èª¬æ˜Žã‚‚å…¼ãã¦ã¾ã¨ã‚ã¾ã™ã¨ã€è¦ã™ã‚‹ã«å¤§é˜ªå¸‚天王寺区ã§ãã‚Œã¾ã§åŒºã®è·å“¡ãŒæ‹…当ã—ã¦ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³äº‹æ¡ˆã‚’外部ã«ä¾é ¼ã—よã†ã¨ã„ã†å…¬å‘ŠãŒãªã•ã‚ŒãŸã“ã¨ã‹ã‚‰ã¯ã˜ã¾ã‚Šã¾ã™ã€‚ ã—ã‹ã—æ¡ä»¶ã¨ã—ã¦ã€ãã‚Œã¾ã§ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‹ã‹ã‚‹å®Ÿå‹™çµŒé¨“ã€ãŒå¿…è¦ã¨ã†ãŸã£ã¦ã„ãªãŒã‚‰ç„¡å ±é…¬ã®ãƒœãƒ©ãƒ³ãƒ†ã‚£ã‚¢æ´»å‹•ã‚’å‰æã¨ã—ã¦ãŠã‚Šã€å®Ÿè³ªã€Œç„¡æ–™ã§åŒºã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æ¡ˆã‚’担当ã—ã¦ãれる人ãŒã»ã—ã„ã€ã¨ã„ã†å†…容ãŒå®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œãªã©ã§å‹¤å‹™ã‚’ã—ã¦ã„
デザインãŒè‹¦æ‰‹ãªäººã‚‚分ã‹ã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯å…¨ã¦æ„味ãŒã‚ã‚‹ã€6ã¤ã®è¦ç´
元々ã“ã‚Œã¯webcre8ãŒäººã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ•™ãˆã‚‹ã¨ãã€ã€Œç´°éƒ¨ã¾ã§è€ƒãˆã¦è€ƒãˆã¦æ±ºå®šã™ã‚‹ã‹ã‚‰ã“ãデザイナãªã‚“ã よã€ã¨è¨€ã†äº‹ã‚’ä¼ãˆãŸã„ãŒç‚ºã«æ›¸ã“ã†ã¨æ€ã£ãŸã‚‚ã®ã§ã™ã€‚熟練者ã®æ–¹ã‚‚ã€èªã‚“ã§åŒæ§˜ã«æ€ã‚ã‚Œã¾ã—ãŸã‚‰æ˜¯éžæ•™è‚²ã«ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ï½— ã¯ã˜ã‚ã«ï¼šãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ webcre8ã¯ã€Œwebデザインã€ã®é–€æ‰‰ã‚’å©ã„ã¦ã‹ã‚‰3年程。ã¾ã ã¾ã ã“ã®ä¸–ç•Œã§ã¯webã®å…ˆè¼©æ–¹ã‹ã‚‰å¦ã°ã›ã¦ã‚‚らã†ã°ã‹ã‚Šã§ã™ãŒã€æ›²ãŒã‚Šãªã‚Šã«ã‚‚「デザインã€ã¨ã„ã†ã‚‚ã®è‡ªä½“ã¨ã¯é•·ãå‘ãåˆã£ã¦ããŸã¤ã‚‚ã‚Šã§ã™ã€‚ webcre8ã®è€ƒãˆã§ã¯ã€ä¾‹ãˆã°ã‚²ãƒ¼ãƒ ã®ã‚ャラクタã®æœã®é£¾ã‚Šã§ã‚ã‚ã†ã¨ã€å®‰å£²ã‚Šã®æœã®é…色ã§ã‚ã‚ã†ã¨ã€webデザインã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã‚ã†ã¨ã€ã¨ã«ã‹ã「デザインã€ã¨ã„ã†ä½œæ¥ã¯ã€Œãªãœãれをãã†ã™ã‚‹ã®ã‹ã€ã¨ã„ã†æ€è€ƒã®æˆ¦ã„ã§ã‚ã‚‹ã¨ã€ä»Šã¯ãã†ãªã£ã¦ã„ã¾ã™ã€‚ ã ã‹ã‚‰ä»Šwebcre8自身ãŒå‘ãåˆã£ã¦ã„ã‚‹ã®ã¯ãŸã¾ãŸã¾webデザインã§ã™ãŒã€ã“ã®ã“ã¨è‡ªä½“ã¯å»ºç¯‰ãƒ‡ã‚¶ã‚¤
デザインを言語化ã—よã†ã‚ˆã£ã¦è©±
ç§ã¯ç†è©°ã‚ã‚‚ã€æ„Ÿæƒ…çš„ãªè¨´ãˆã‹ã‘ã‚‚ã©ã¡ã‚‰ã‚‚好ãã§ã€ã‚·ãƒ³ãƒ—ルã§ãƒŸãƒ‹ãƒžãƒ«ãªæ©Ÿèƒ½é‡è¦–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚カッコã„ã„ã¨æ€ã„ã¾ã™ãŒã€äº”感を刺激ã—ã€ç›¸æ‰‹ã‚’楽ã—ã¾ã›ã‚‹ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚好ãã§ã™ã€‚飾るã®ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ãªã„ã¨è¨€ã‚ã‚Œã¦ã‚‚ã€ã‚„ã£ã±ã‚Šè£…飾ã®åŠ›ã‚‚ä¿¡ã˜ã¦ã„ã¾ã™ã€‚ãªã‚“ã«ã›ã‚ˆã€ãれを期待ã•ã‚Œã¦ã„ã‚‹ãªã‚‰ã‚„らãªã„ã¨ã„ã‘ãªã„ã§ã™ã—ãï½— æ›´ã«è¨€ãˆã°ç§ã¯ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã‚µã‚¤ãƒˆã‚‚大好ãã§ã™ã€‚見ãŸã„サイトãªã‚‰é‡ã‹ã‚ã†ãŒãªã‚“ã ã‚ã†ãŒãƒ¯ã‚¯ãƒ¯ã‚¯ã—ãªãŒã‚‰å¾…ã¡ã¾ã™ã€‚æ˜ ç”»ä¸Šæ˜ ã®å‰ã®æ§˜ã«ã€‚ ãƒãƒŠãƒ¼ãªã‚‰ãƒãƒŠãƒ¼ã®çµµæŸ„ã‚„æ–‡å—ã€ã‚ービジュアルãªã‚‰ä½•ã‚’æŒã£ã¦è¦‹ã‚‹äººã®æ„è˜ã‚’引ãã¤ã‘ã‚‹ã‹ã€‚アニメ―ションã€ä¸–界観ã€ãã®å…¨ã¦ã‚‚ã‚„ã¯ã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è…•ã®è¦‹ã›æ‰€ã§ã‚‚ã‚ã‚Šã€webサイトã¸ã®æ²¡å…¥æ„Ÿã€æ„›ç€ã‚’æŒãŸã›ã‚‹ã¨æ€ã†ã®ã§ã™ã€‚ ãã†æ€ã†ã‹ã‚‰ã“ãã€ç§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«å–り組む人ã€è‰²ã‚“ãªã‚¹ã‚ルや価値観をæŒã£ã¦ã„る人ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¥½ããªäººã¨è©±ãŒã—ãŸã„。ãã†æ€ã£ã¦ã„ã¾
UIã¨UXを併記ã™ã‚‹ã®ã¯ã‚„ã‚ãŸæ–¹ãŒã‚ˆã„ã®ã§ã¯ãªã„ã‹ - å°ã•ãªã”ã¡ãã†
「UI ã¨UX ã®é•ã„ã€ã®è°è«–ã«ã¯ã„ã¤ã‚‚é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ã€‚写真ã«ã‚ˆã‚‹ã“ã®èª¬æ˜Žã‚‚ã€ãªã‚“ã¨ãªãã‚ã‹ã£ãŸã‚ˆã†ãªã‚ã‹ã‚‰ãªã„よã†ãªãƒ¢ãƒ¤ãƒ¢ãƒ¤ã¨ã—ãŸæ°—æŒã¡ã«ãªã‚‹ã€‚ ã“ã†ã„ã†æ™‚ã¯ç”¨èªžã®å®šç¾©ã‚’明確ã«ã™ã‚‹ã¨è‡ªãšã¨çµè«–ã«å°Žã‹ã‚Œã‚‹ã“ã¨ãŒå¤šã„。 ユーザーエクスペリエンス – ç§ãŸã¡ã®å®šç¾© 「ユーザーエクスペリエンスã€ã¯ã€ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã€ä¼æ¥ãŠã‚ˆã³ãã®ã‚µãƒ¼ãƒ“スや製å“ã¨ã®ç›¸äº’作用ã«ã¤ã„ã¦ã€ã‚らゆるé¢ã‚’対象ã¨ã—ã¦å«ã¿ã¾ã™ã€‚典型的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®ç¬¬ä¸€è¦ä»¶ã¯ã€ã‚¤ãƒ©ã‚¤ãƒ©ã‚„é¢å€’ãªã—ã«ã€é¡§å®¢ã®ãƒ‹ãƒ¼ã‚ºã‚’æ£ç¢ºã«æº€ãŸã™ã“ã¨ã§ã™ã€‚ãã®æ¬¡ã®è¦ä»¶ã¨ã—ã¦ã€è£½å“ã«æ‰€æœ‰ã™ã‚‹å–œã³ã‚„使用ã™ã‚‹å–œã³ã‚’ã‚‚ãŸã‚‰ã™ç°¡æ½”ã•ã¨æ°—å“ãŒæ±‚ã‚られã¾ã™ã€‚真ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¯ã€å˜ã«é¡§å®¢ãŒæ¬²ã—ã„ã¨è¨€ã£ãŸã‚‚ã®ã‚’æä¾›ã—ãŸã‚Šã€é¡§å®¢ãŒæœŸå¾…ã—ãŸæ©Ÿèƒ½ã‚’æä¾›ã—ãŸã‚Šã™ã‚‹ã ã‘ã«ã¯ç•™ã¾ã‚Šã¾ã›ã‚“。ä¼æ¥ãŒé«˜ã„質ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã¯ã€å¤šãã®å°‚門分野ã€ãŸã¨ãˆã°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://jp.startup-dating.com/2013/05/incubate-camp-design-fellow-interview
http://creative-tweet.net/blog/2013/05/introduction-of-thesketch.html
http://bashooka.com/inspiration/flat-web-ui-design/
cmmntr.com
Design lessons for everyone, curated by top designers
{{#tags}}- {{label}}
{{/tags}}