デザイナーãŒãƒã‚´ãƒžãƒ¼ã‚¯ã‚’作る時・使ã†æ™‚ã«çŸ¥ã£ã¦ãŠãã¹ã「ãƒã‚´ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã€ | Swings
デザインã®å‹‰å¼·ã«ã„ã„ï¼æœ‰åブランドã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ã¾ã¨ã‚
Apple, Microsoftã‚’ã¯ã˜ã‚ã€Sony, IBM, Intel, Adobe, Dell, FedExãªã©ã€æœ‰åブランドã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ スタãƒã€ã‚±ãƒ³ã‚¿ã€Heinekenã€NASAã€LEGOãªã©ã€ã¡ã‚‡ã£ã¨çã—ã„ガイドラインもã‚ã‚Šã¾ã™ã€‚ LEGOã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€ã‹ãªã‚ŠLEGOらã—ã„出æ¥æ˜ ãˆã§ã™ã€‚
デザイン変更ã¯æŠœæœ¬çš„ã«ã‚„ã‚‹ã¹ãã‹ã€ãã‚Œã¨ã‚‚ã€å°‘ã—ãšã¤ã‚„ã‚‹ã¹ãã‹
å¤ã„ã‚‚ã®ã‚’æ¨ã¦ã€æ–°ã—ã„ã‚‚ã®ã‚’å–り入れるå‰ã«ã€ãã†ã™ã‚‹ã“ã¨ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®æ¨™é”æˆã®ãŸã‚ã«å¿…è¦ã ã¨ã„ã†ç¢ºå®Ÿãªè¨¼æ‹ ãŒã‚ã‚‹ã“ã¨ã‚’確ã‹ã‚よã†ã€‚ Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日本語版2015å¹´3月9日公開 ユーザーエクスペリエンスã«é–¢ã‚る最大ã®å•é¡Œã¯ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’利用ã™ã‚‹ã®ã‹ã€ã‚ã‚‹ã„ã¯ä»–ã®ã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ゲーションメニューを利用ã™ã‚‹ã®ã‹ã¨ã„ã£ãŸã‚ˆã†ãªå€‹åˆ¥ã®ãƒ‡ã‚¶ã‚¤ãƒ³èª²é¡Œã®ã“ã¨ã§ã¯ãªã„。求ã‚られã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã£ã¨è¦–野を広ã’ã¦ã€UXã«é–¢ã—ã¦æœ€å„ªå…ˆã™ã¹ã戦略をã¾ãšæ±ºã‚ã‚‹ã“ã¨ã§ã‚る。ã™ãªã‚ã¡ã€å¤§æ”¹é©ã‚’目指ã—ã¦ã™ã¹ã¦ã‚’一気ã«å¤‰ãˆã‚‹ã®ã‹ã€ã‚ã‚‹ã„ã¯å°‘ã—ãšã¤å“質をå‘上ã•ã›ã‚‹ã¨ã„ã†ã‚„り方をå–ã‚Šã€ä¸€æ©ãšã¤é€²ã‚“ã§ã„ãã®ã‹ã€ã§ã‚る。 ユーザーエクスペリエンスã¨ã„ã†ã®ã¯å“質ã«é–¢ã‚る分野ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¾ã€…ã«å¤‰
Adobe Stock | ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ã®é«˜å“質ãªå†™çœŸã‚„ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒ | Adobe Stock
人気ã®ã‚¹ãƒˆãƒƒã‚¯ç”»åƒã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã€é©šãã»ã©é«˜è§£åƒåº¦ã®ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼å†™çœŸã€ã‚¹ãƒˆãƒƒã‚¯ãƒ“デオã€ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãªã©ã‚’探ã—ã¦ã¿ã¾ã—ょã†ã€‚
デザインã®è©±ã‚’ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã“ã¨
é•ã†äººãŸã¡ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’語る デザイン批評ã¯ã€ã¨ã¦ã‚‚難ã—ã„ã§ã™ãŒã€ç›®ã‚’背ã‘ã‚‹ã“ã¨ã‚‚ã§ããªã„課題ã§ã™ã€‚å‰å›žã®ã‚»ãƒŸãƒŠãƒ¼ã§ã€æ‰¹è©•ã®ã¨ãã«ä½¿ã†è¨€è‘‰é£ã„を紹介ã—ãŸã‚‚ã®ã®ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ズラã•ãšä¼šè©±ã‚’進ã‚ã‚‹ã®ã¯è‡³é›£ã®æ¥ã§ã™ã€‚デザイナーã ã‘ãŒé›†ã¾ã‚‹å ´ã‚„ã€é•·ã仕事をã—ã¦ã„る間柄ã§ã‚ã‚Œã°æ„Ÿè¦šã§ä¼ã‚ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ãã†ã§ãªã„å ´é¢ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚çµå±€ã®ã¨ã“ã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä¸»è¦³çš„ãªã¨ã“ã‚ãŒå¤šã„ã‚ã‘ã§ã™ã‹ã‚‰ã€æ§˜ã€…ãªèƒŒæ™¯ã®äººãŸã¡ãŒé›†ã¾ã‚‹ä»•äº‹å ´ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„見ãŒåˆ†ã‹ã‚Œã‚‹ã®ã¯å½“然ãªã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã•ã‚‰ã«æ‰¹è©•ã‚’複雑ã«ã—ã¦ã„ã‚‹ã®ãŒã€æ‰‹ã‚’å‹•ã‹ã—ã¦ã„るデザイナーã ã‘ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä»»ã›ã‚‹ã®ã¯å›°é›£ã¨ã„ã†ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚IDEOã® Time Brown æ°ãŒ TED ã®è¬›æ¼”ã§ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã‘ã«ä»»ã›ã‚‹ã«ã¯é‡è¦ã™ãŽã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚’残ã—ã¦ã„ã¾ã™ã€‚今ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯åˆ©ç”¨è€…ã ã‘ã§ãªãã€ãƒ“ジãƒã‚¹ã€å¸‚å ´ã€æ–‡åŒ–ã€æŠ€è¡“ã¸ã®ç†è§£ãŒä¸å¯æ¬ ã§ã™ã€‚
世界最高ã®æŽˆæ¥ã€‚IDEOã«å¦ã¶ã€Œãƒ‡ã‚¶ã‚¤ãƒ³æ€è€ƒã€ã®çœŸé«„──2014.3.7 Night School | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
ライフãƒãƒƒã‚«ãƒ¼ã®ãƒŠã‚¤ãƒˆã‚¹ã‚¯ãƒ¼ãƒ«é–‹è¬›ã€‚IDEOã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ³ã‚ングをå¦ã¶ã€‚ 優れãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„é€ å½¢ã ã‘ã§ãªãã€ä¸–ã®ä¸ã®å•é¡Œç‚¹ã‚„課題を明確ã«ã—ã¦ã€è§£æ±ºç–ã‚’å°Žãã ã™ã“ã¨ã€‚ã‚ã‚‹æ„味ã§ã¯åŒ»è€…やコンサルã®ä»•äº‹ã«ã‚‚è¿‘ã„ã®ã ã¨æ€ã„ã¾ã™ã€‚è¿‘å¹´ã€ãã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ³ã‚ング（æ€è€ƒï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚グラフィックデザイナーやクリエイティブディレクターãŒåºƒå‘Šã‚„雑誌ã«ã¨ã©ã¾ã‚‰ãšå¹…広ã„分野ã§æ´»èºã§ãã‚‹ã®ã¯ãã®ã‚¹ã‚ルã§ç¤¾ä¼šã‚’豊ã‹ã«ã§ãã‚‹ã‹ã‚‰ã€‚アップル社ã®åˆæœŸãƒžã‚¦ã‚¹ã‚„Palmã‚’ã¯ã˜ã‚ã€æ•°ã€…ã®ä¸–界的ä¼æ¥ã¨ã®ä»•äº‹ã§çŸ¥ã‚‰ã‚Œã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ•ã‚¡ãƒ¼ãƒ IDEO（アイデオ） 。彼らãŒä¸–界的ã«æ´»èºã—ã¦ã„ã‚‹ã®ã‚‚デザインãŒç¤¾ä¼šã«ä¸Žãˆã‚‹å½±éŸ¿åŠ›ã®å¼·ã•ã‚’物語ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 『ライフãƒãƒƒã‚«ãƒ¼ï¼»æ—¥æœ¬ç‰ˆï¼½ã€ãŒä¸»å‚¬ã™ã‚‹ãƒŠã‚¤ãƒˆã‚¹ã‚¯ãƒ¼ãƒ«ã¯ã€ã„ã¾ã®ä¸–ã®ä¸ã®ã‚ーパーソンã«ç™»å ´ã„ãŸã ãã€ãã®ä»•äº‹è¡“を共有ã™ã‚‹å¦
ズルã„デザインテクニック2013 + セミフラット version
[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
日本語フリーフォントã¾ã¨ã‚最新版FreeFont一覧〜無料ダウンãƒãƒ¼ãƒ‰
自分用ã«æ—¥æœ¬èªžãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚〜個人や商用ãªã©ã§ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる日本語ã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介〜年賀状ã«ã´ã£ãŸã‚Šãªãƒ•ã‚©ãƒ³ãƒˆã€æ‰‹æ›¸ãフォントã€ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªã‚´ã‚·ãƒƒã‚¯ãƒ»æ˜Žæœä½“ãªã©ã®æ¼¢å—ãŒä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãŒæƒã£ã¦ã¾ã™ï¼ˆä¸€éƒ¨ã‚’除ã）フォントを利用ã®éš›ã«ã¯å¿…ãšåŒæ¢±ã‚‚ã—ãã¯ã‚¦ã‚§ãƒ–サイトã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”確èªãã ã•ã„。ã¾ãŸè¦ç´„・ダウンãƒãƒ¼ãƒ‰å½¢æ…‹ãŒå¤‰æ›´ã«ãªã‚‹å ´åˆãŒã‚ã‚‹ã®ã§ã”了承下ã•ã„。 フãƒãƒƒãƒ—デザインフォント ã†ã¤ãã—明æœä½“ フãƒãƒƒãƒ—デザインã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆä¸€è¦§ãƒšãƒ¼ã‚¸ 自由ã®ç¿¼ãƒ•ã‚©ãƒ³ãƒˆ [browser-shot width=â€600″ url=â€http://tanukifont.sblo.jp/article/74591320.htmlâ€] アニメ『進撃ã®å·¨äººã€ã®OP2をイメージ 2/3角フォント [browser-shot width=â€600″ url=â€http://opentyp
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ウェブデザインã«ãŠã‘ã‚‹é€éŽã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨æ³¨æ„点
åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã«ãƒ†ã‚ストをé…ç½®ã—ãŸã‚Šã€ãƒŠãƒ“ゲーションをåŠé€æ˜Žã«ã—ãŸã‚Šãªã©ã€ã‚¦ã‚§ãƒ–デザインã§ã‚ˆã利用ã•ã‚Œã‚‹é€éŽã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨æ³¨æ„点を紹介ã—ã¾ã™ã€‚ Using Transparency in Web Design- Dos and Don'ts 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚㫠コントラストを作るãŸã‚ã«é€éŽã‚’使ㆠイメージã®é‡è¦ãªéƒ¨åˆ†ã¯éš ã•ãªã„ ã•ã¾ã–ã¾ãªãƒ¬ãƒ™ãƒ«ã®é€æ˜Žåº¦ã‚’使ㆠé€éŽã™ã‚‹ã¨ãƒ†ã‚ストãŒèªã¿ã‚„ã™ããªã‚‹ã¨ã¯é™ã‚‰ãªã„ é€éŽã‚’使ã†ã®ã¯å°‘ã—ã®ã‚¹ãƒšãƒ¼ã‚¹ã« æ¿€ã—ã„コントラストã®ç”»åƒã«ã¯é€éŽã¯ç½®ã‹ãªã„ é€éŽã‚’アートã¨ã—ã¦ä½¿ã† é€éŽã‚’飾りã¨ã—ã¦ä½¿ç”¨ã—ãªã„ 背景ã«é€éŽã‚’使ㆠåŒæ™‚ã«å¤šãã®é€éŽã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä½¿ã‚ãªã„ 循環ã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã«é€éŽã‚’使用ã™ã‚‹ ãŠã‚ã‚Šã« ã¯ã˜ã‚ã« é€éŽã‚’使ã£ãŸã‚¦ã‚§ãƒ–デザインã¯éžå¸¸ã«ç¾Žã—ã„ã§ã™ãŒã€æ…Žé‡ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚é€éŽã¯ã‚«ãƒ©ãƒ¼ã®ãƒ–ãƒãƒƒã‚¯ãƒ»
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
クリック率ã®é«˜ã„テã‚ストリンクã®è‰²ã¯ï¼Ÿã€2013年版】 | ウェブ力å¦
å‰å›žã¨ã®æ¯”較 å‰å›žã®èª¿æŸ»ã‹ã‚‰2å¹´åŠãŒçµŒéŽã—ã¦ã„る訳ã§ã™ãŒã€ä»Šå›žèª¿ã¹ãŸä¸ã§ãƒªãƒ³ã‚¯ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使ã£ã¦ã„るサイトã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚リンクã®è‰²ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚ˆã‚Šã€ã‚„ã‚„å¼±ã„é’色ã«ã™ã‚‹ã¨ã„ã†ã®ãŒæµ¸é€ã—ã¦ããŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚ NAVERã¨livedoorã®ãƒªãƒ³ã‚¯è‰²ãŒåŒã˜ã«ãªã£ã¦ã„ãŸã®ã¯çµŒå–¶çµ±åˆã®å½±éŸ¿ã§ã—ょã†ã‹ã€‚ ã¾ãŸã€ã€Œã¯ã¦ãƒ–ã€ã‚„「ã«ã“ã«ã“å‹•ç”»ã€ã®ã‚ˆã†ã«é’ç³»ã§ãªã„色を使ã£ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸã€‚ã¯ã¦ãƒ–ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ã‚ˆã£ã¦å¤§ãã変ã‚ã£ãŸã®ã§ã™ãŒã€ãƒªãƒ³ã‚¯ã®è‰²ã‚’黒色ベースã«ã—ã¦ã„ãŸã‚“ã§ã™ã。調ã¹ã‚‹ã¾ã§æ°—ã¥ãã¾ã›ã‚“ã§ã—ãŸã€‚ 最é©ãªãƒªãƒ³ã‚¯ã®è‰²ã¯ï¼Ÿ 「リンクã¯é’色ã€ã¨ã„ã†èªè˜ã¯å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æµ¸é€ã—ã¦ã„ã‚‹ã®ã§ã€ä¸€èˆ¬çš„ã«ã¯é’色をベースã«ã™ã‚‹ã®ãŒç„¡é›£ã¨è¨€ãˆã¾ã™ã€‚具体的ã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã ã¨å°‘ã—é’ãŒå¼·ã™ãŽã‚‹ã®ã§ã€ã‚„ã‚„â€é’â€ã‚’å¼±ãã—ãŸè‰²ãŒã„ã„ã§ã—ょã†ã€‚ 但ã—ã€ã‚µã‚¤ãƒˆã®ã‚¸ãƒ£ãƒ³ãƒ«ã«ã‚ˆã£ã¦ã¯é’色をé¿ã‘ã‚‹ã¨ã„ã†ã®ã‚‚一ã¤ã®é¸
UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ - A Successful Failure
2013å¹´01月20æ—¥ UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ Tweet Good UI≠Good UX UIã¨UXã«ã¤ã„ã¦ã¯ãã®ç†è§£ã«ã¤ã„ã¦å¤šãã®è°è«–ãŒãªã•ã‚Œã¦ããŸã€‚ãŸã¨ãˆã°ã€Googleã®åŠå·æ°ã¯ã€Œå†™çœŸãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã‚³ãƒ¼ãƒ³ãƒ•ãƒ¬ãƒ¼ã‚¯ã®ä¾‹ã‚’å…ƒã«UIã¨UXã«ã¤ã„ã¦èª¬æ˜Žã—ãŸãŒã€ãã®å¾Œã€ERATOã®æ¸¡é‚Šæ°ãŒã€Œ1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©±ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã€ATMを例ã«ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ã„説明を挙ã’ã¦ã„る（次ã®å†™çœŸã¯å½“該エントリã‹ã‚‰ã®å¼•ç”¨ï¼‰ã€‚ ã“ã®ä¾‹ã§ã¯ãŸã¨ãˆUIãŒç´ 晴らã—ãã¦ã‚‚ã€ãã®ATMã¯æ™‚é–“ãŒã‹ã‹ã‚‹ãŸã‚ã€é•·ã„å¾…ã¡æ™‚é–“ãŒã§ãã€çµæžœã¨ã—ã¦UXãŒæãªã‚ã‚Œã‚‹å ´åˆã‚’示ã—ã¦ã„る。 ã—ã‹ã—ãªãŒã‚‰ã€å®Ÿéš›ã«ã¯ATMã®åŠ£æ‚ªãªUIãŒæ‚ªã„UXã®åŽŸå› ã¨ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã€æœ¬å½“ã«ã“ã®ATMã®UIã¯ç´ 晴らã—ã„ã®ã‹ã¨ã„ã†ç–‘å•ãŒæ®‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ŒGood UI ≠Go
å’Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ï¼å›½å†…商用å¯ãƒ•ãƒªãƒ¼ç´ æãƒ»ç´ æサイトã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€Kanaã§ã™ã€‚ 日本らã—ã„ã€å’Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’担当ã—ãŸã¨ãã«åˆ©ç”¨ã—ãŸç´ æサイトやã€ãƒ•ãƒªãƒ¼ç´ æã‚’ã”紹介ã—ã¾ã™ã€‚ å’Œã®é›°å›²æ°—ã‚’ã‚‚ã£ãŸç„¡æ–™ã§å•†ç”¨åˆ©ç”¨ãŒã§ãã‚‹ç´ æã£ã¦ã€ãã†å¤šãã¯ãªã„ã‚“ã§ã™ã‚ˆã…。 今後ã¾ãŸå’Œã®ãƒ†ã‚¤ã‚¹ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã®ãŸã‚ã«ã‚‚ã€ã¾ã¨ã‚ã¦ãŠãã¹ã記事ã«ã—ã¾ã—ãŸã€‚ ãã‚Œã§ã¯ã€ç´ æã‚’æä¾›ã—ã¦ãã ã•ã‚‹æ–¹ã€…ã«é を下ã’ã¤ã¤ã€ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 商用å¯ã®ã‚µã‚¤ãƒˆã‚„ç´ æを集ã‚ã¦ã„ã¾ã™ãŒã€è©³ç´°ãªè¦ç´„ã¯ã€ã”利用ã®éš›ã”自身ã§ã”確èªãã ã•ã„。 2014/12/10ï¼šç´ æã‚µã‚¤ãƒˆã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ ã‚¤ãƒ©ã‚¹ãƒˆç´ æå’ŒæŸ„å•†ç”¨ãƒ•ãƒªãƒ¼ç´ æ WArgo Pattern（ワーゴパターン） ã“ã¡ã‚‰ã®ç´ æサイトã¯å’Œç´ æãŒéžå¸¸ã«å……実ã—ã¦ã„ã¾ã™ã€‚和風イラストã€å’Œé¢¨å†™çœŸã€å’ŒæŸ„パターンãªã©ã€å’Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作るã«ã‚ãŸã‚Šã€æ¬²ã—ããªã‚‹ç´ æãŒãŸãã•ã‚“集ã¾ã£ã¦ã„ã¾ã™ã€‚ WArgo Pattern（ワーゴパターン） å£ç¯€ç´ æ　夢幻è¯
美ã—ã„光・ライトをæãPhotoshopã®ãƒ–ラシã®ã¾ã¨ã‚ -2012年版
美ã—ã„å…‰ã®è»Œè·¡ã€è¼ãå…‰æºã€é–ƒå…‰ã€å†™çœŸã®ã¼ã‘ãªã©ã€ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æãPhotoshopã®ãƒ–ラシを紹介ã—ã¾ã™ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ã€UI デザイン 練習用 - エアメール風】 - Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—よã†
Photoshopã§Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—よã†ã€Œé€£è¼‰ï¼å®Ÿè·µã§å¦ã¶Webサイト制作ガイドã€ç¬¬å››å¼¾ã¯Adobe Photoshopã¨ã„ã†ãƒ„ールを使ã£ã¦å®Ÿå¯¸ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作æˆã—ã¾ã™ã€‚Photoshopã§èª¬æ˜Žã—ã¦ã„ãã¾ã™ãŒã€åŒæ§˜ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ„ールã§ã‚‚OK。Photoshopã¯ä½“験版もã‚ã‚‹ã®ã§ãœã²ã”利用ãã ã•ã„。説明ã—ã‚„ã™ã„よã†ã€ç°¡å˜ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ãŸã¤ã‚‚ã‚Šã§ã™ãŒã€ã™ã”ãé•·ããªã£ã¦ã—ã¾ã£ãŸã‚ˆã†ãªâ€¦ã€‚ã‚ã‹ã‚Šã«ããã¦ã™ã¿ã¾ã›ã‚“ X( 実践ã§å¦ã¶ Web サイト制作ガイド：ãã® 4目標：実際ã®å¹…ã«ã‚ã£ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒä½œã‚Œã‚‹ãƒ»Photoshop ã®åŸºæœ¬çš„ãªãƒ„ールを使ã£ãŸè£…飾ãŒã§ãã‚‹å¿…è¦ãªã‚‚ã®ï¼šAdobe Photoshop対象レベル：Photoshop ã®åŸºæœ¬çš„ãªãƒ„ールã®ä½¿ã„æ–¹ãŒã‚ã‹ã‚‹ç›®æ¬¡èª°ã®ãŸã‚？何ã®ãŸã‚？Web サイトを作り始ã‚ã‚‹å‰ã«ã€‚Web サイトã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©ãƒ„ールWeb サイ
Google Maps デザイン変更(Google Maps API) / Maka-Veli .com
（æ€ã„ã£ãり個人的ãªå‚™å¿˜éŒ²ã§ã™ã‚“ã¾ã›ã‚“。。） 大分今更感満載ã§ã™ãŒãƒ¡ãƒ¢ã€‚ google mapsã®ãƒ‡ã‚¶ã‚¤ãƒ³ç‰ã¯ã”å˜çŸ¥ã®é€šã‚ŠStyledMapTypeã¨ã„ã†APIç‰ã§å¤‰æ›´å¯èƒ½ã§ã€JavaScriptã§å¤‰ãˆãŸã„部分ã®æŒ‡å®šã—ã¦ã‚ã’る。※Google Map Ver3ä»¥é™ æ„味ã‚ã‹ã‚‰ã‚“ã€ã¨ã„ã†å ´åˆã¯Google Maps API Styled Map Wizardã§ã€è¦‹ãªãŒã‚‰å¤‰æ›´ å·¦ã®Selectorã§ã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã¨ã„ã˜ã£ã¦ã€å³ã®Map Styleã€Addを押ã™ã¨ã‚¹ã‚¿ã‚¤ãƒ«ãŒæŒ‡å®šã•ã‚Œã¾ã™ã€‚最終的ã«Map Styleã€ä¸‹éƒ¨ã®ã€ŒShow JSONã€ã‚’クリックã—ã¦å‡ºã¦ãã‚‹ã®ã‚’使用ã™ã‚‹ã€ã¨ã€‚ jQuery使ã£ã¦ãƒžãƒ¼ã‚«ãƒ¼ãªã‚“ã‹ã‚‚出æ¥ã‚‹ã¿ãŸã„ã§ã™ã€‚ APIã¨å°‘ã—ã®jQueryコードã§Google Mapã®åœ°å›³ã®è‰²ã‚’変更ã™ã‚‹ – ã‹ã¡ã³ã¨.net GoogleMapsã®å‚考ã¯ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãªã‚“ã‹ã§
ç§ãŒæ•°å—ã®å‡ºã‚‹ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’作るãŸã‚ã«å¾¹åº•ã—ã¦ã„ã‚‹ï¼—ã¤ã®äº‹
ã‚ãªãŸã¯ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’定期的ã«è¨ˆæ¸¬ã—ã¦ã€æ”¹å–„è¦ç´ ã‚’æ´—ã„出ã—ã€æ”¹å–„ç–を実施ã—ã¦ã€å°‘ã—ã§ã‚‚æ•°å—ãŒä¸ŠãŒã‚‹ã‚ˆã†ã«åŠªåŠ›ã—ã¦ã„ã‚‹ã ã‚ã†ã‹ï¼Ÿ コンãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã¯ï¼‘％変ã‚ã‚‹ã ã‘ã§ã€å£²ä¸Šã¯ä½•å€ã‚‚変ã‚ã£ã¦ãる。 例ãˆã°ã€ã‚‚ã¨ã®æˆç´„率ãŒï¼”ï¼…ã ã£ãŸã®ãŒï¼•ï¼…ã«ä¸ŠãŒã‚‹ã ã‘ã§ã€å£²ä¸Šã¯ï¼‘２５％増ã«ãªã‚‹ã€‚ã•ã‚‰ã«ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’公開ã—ã¦ã‹ã‚‰ã€ï¼“ヶ月ã€åŠå¹´ã€ï¼‘å¹´ã¨çµŒã¤ã”ã¨ã«ã€å£²ä¸Šã®é•ã„ã¯æƒ³åƒã§ããªã„ãらã„ã«å¤§ãããªã£ã¦ã„ã。 ã¤ã¾ã‚Šã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®å®šæœŸçš„ãªè¨ˆæ¸¬ã¨æ”¹å–„ã¯ã€å£²ä¸Šã®å¢—åŠ ã«ç›´çµã™ã‚‹é‡è¦ãªä½œæ¥ã 。 ãƒã‚ºéƒ¨ã§ã¯ã€å®šæœŸçš„ã«ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®è¨ˆæ¸¬ã¨æ”¹å–„ã‚’ã—ã¦ãŠã‚Šã€ç¾åœ¨ã€ãƒªã‚¹ãƒˆå–得ページã¯ï¼—３.ï¼’ï¼…ã€å•†å“ã®è²©å£²ãƒšãƒ¼ã‚¸ã¯ï¼‘ï¼’.１％ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒå‡ºã¦ã„る。ã“ã‚Œã¯ã€æ¥ç•Œã‚’é¥ã‹ã«ä¸Šå›žã‚‹æ•°å—ã¨è¨€ã£ã¦ã‚‚å·®ã—支ãˆã¯ãªã„ã ã‚ã†ã€‚ ãã“ã§æœ¬æ—¥ã¯ã€ãƒã‚ºéƒ¨ã§ã‚‚è¡Œã£ã¦ã„ã‚‹ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’改善ã™ã‚‹ãŸã‚ã®ï¼—ã¤
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}