感性を刺激ã™ã‚‹Webデザインギャラリー＜bookma!＞
bookma
感性を刺激ã™ã‚‹Webデザインギャラリー＜bookma!＞
æ–‡ç« ã®ä½œã‚Šæ–¹ - ä¼ã‚るデザイン ç ”ç©¶ç™ºè¡¨ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
ç ”ç©¶è€…ã‚„ç ”ç©¶ã«é–¢ã‚る大å¦ç”Ÿã‚„大å¦é™¢ç”Ÿã¯ã€ä¸€å¹´ã‚’通ã˜ã¦ç ”究室ゼミやå¦ä¼šãªã©ã§ç ”究æˆæžœã®ç™ºè¡¨ã‚’è¡Œãªã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。ã¾ãŸã€è¿‘å¹´ã€ç§‘å¦è€…ã§ãªã„人ãŸã¡ã«å¯¾ã™ã‚‹ä¸€èˆ¬å‘ã‘ã®ãƒ—レゼンや講演（アウトリーãƒæ´»å‹•ï¼‰ã®æ©Ÿä¼šã‚‚増ãˆã¦ãã¦ã„ã¾ã™ã€‚ä»–ã«ã‚‚ã€ç ”ç©¶è«–æ–‡ã‚„å ±å‘Šæ›¸ã‚’æ›¸ã„ãŸã‚Šã€ç ”究費調é”ã®ãŸã‚ã«äºˆç®—申請書やプãƒã‚¸ã‚§ã‚¯ãƒˆã®æ案書を作æˆã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã€ç ”究者ã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„仕事ã§ã™ã€‚ã“れらã¯ã„ãšã‚Œã‚‚æƒ…å ±ã‚’ä»–è€…ï¼ˆç ”ç©¶ä»²é–“ã‚„å¯©æŸ»å“¡ã€ä¸€èˆ¬å¸‚民）ã¸ä¼ãˆã‚ˆã†ã¨ã™ã‚‹è¡Œç‚ºã§ã‚ã‚Šã€æ£ç¢ºã‹ã¤åŠ¹æžœçš„ãªæƒ…å ±ã®ç™ºä¿¡ãŒæœ›ã¾ã‚Œã¾ã™ã€‚ã—ã‹ã—ã€è‡ªå·±æµã§è³‡æ–™ã‚’作æˆã—ã¦ã€é—‡é›²ã«æƒ…å ±ã‚’ç™ºä¿¡ã—ã¦ã„ã¦ã‚‚ã€ã‚¹ãƒ ーズã«æƒ…å ±ã¯ä¼ã‚ã‚Šã¾ã›ã‚“。ã¨ãã«ã¯èª¤ã£ãŸæƒ…å ±ãŒä¼ã‚ã£ã¦ã—ã¾ã„ã€ç ”究ã®ä¾¡å€¤ã‚’æ£å½“ã«è©•ä¾¡ã—ã¦ã‚‚らãˆãªã„ã“ã¨ã•ãˆèµ·ã“ã‚Šãˆã‚‹ã®ã§ã™ã€‚ æƒ…å ±ã‚’æ£ç¢ºã«ã‹ã¤ã‚¹ãƒ ーズã«ä»–者ã«ä¼ãˆã‚‹ãŸã‚ã«ã¯ã€æƒ…å ±ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã€ã¤ã¾ã‚Šæ–‡ç« ã‚’èªã¿ã‚„ã™ãæ•´ãˆãŸã‚Šã€å›³è¡¨ã‚’見やã™ã
レスãƒãƒ³ã‚·ãƒ–デザインã«ã™ã使ãˆã‚‹ï¼ã™ã”ã„アイデア30個 | コリス
サイトをレスãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã«ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã€ãƒ•ã‚©ãƒ³ãƒˆã‚„ç”»åƒã®ã‚µã‚¤ã‚ºã ã‘ã§ãªãã€ã‚¯ãƒªãƒƒã‚¯ã¨ã‚¿ãƒƒãƒ—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã®æ©Ÿèƒ½æ€§ã€ãã—ã¦è¦‹ãŸç›®ã‚‚サイズã ã‘ã§ãªãã€é…置やトリミングãªã©ã€ã•ã¾ã–ã¾ãªå–り組ã¿ãŒã‚ã‚Šã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–デザインã«ã™ãã«ä½¿ãˆã‚‹åˆ¶ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã™ã”ã„アイデアを紹介ã—ã¾ã™ã€‚ Responsive web design: What the Internet looks like in 2016 以下ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 01. 空白スペースを効果的ã«ä½¿ã† 02. ãƒã‚´ã®é…置を一貫ã•ã›ã‚‹ 03. 縦置ãã¨æ¨ªç½®ãを考慮ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ 04. 縦長スクãƒãƒ¼ãƒ«ãƒšãƒ¼ã‚¸ã®ç´ 晴らã—ã„アイデア 05. 指ã®ã‚¿ãƒƒãƒ—ã«åˆã‚ã›ãŸå½¢ã¨å¤§ãã• 06. レイアウトã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–用ã®å¾®èª¿æ•´ 07. 一行
ウェブサイトをデザインã™ã‚‹ã¨ãã«ã‚¤ãƒ³ã‚¹ãƒ”レーションを刺激ã™ã‚‹UIを集ã‚ãŸã€ŒInspiration UIã€
インターãƒãƒƒãƒˆä¸Šã«å˜åœ¨ã™ã‚‹ç„¡æ•°ã®ã‚¦ã‚§ãƒ–サイトã®ä¸ã‹ã‚‰å„ªã‚ŒãŸUIã®ã‚‚ã®ã ã‘を大é‡ã«é›†ã‚ã€ã€Œ404ページã€ã€Œãƒžãƒƒãƒ—ã€ã€Œã‚·ãƒ§ãƒƒãƒ”ングカートã€ãªã©ã€UIã®å„ªã‚ŒãŸéƒ¨åˆ†ã§ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§å‚考ã«ã—ãŸã„ãƒã‚¤ãƒ³ãƒˆã‚’自由ã«æ¤œç´¢ã§ãるよã†ã«ã—ãŸã‚µã‚¤ãƒˆãŒã€ŒInspiration UIã€ã§ã™ã€‚ Inspiration UI - Find design inspiration from real live projects http://inspirationui.com/ 「Inspiration UIã€ã®ãƒˆãƒƒãƒ—ページ上部ã«ã¯ã€ŒPopularã€ã€ŒRecentã€ã€ŒAll Patternsã€ã¨æ›¸ã‹ã‚ŒãŸã‚¿ã‚°ãŒã‚ã‚Šã¾ã™ã€‚ トップページを開ã„ãŸéš›ã«ã¯ã€ŒPopularã€ãŒé¸æŠžã•ã‚ŒãŸçŠ¶æ…‹ã«ãªã£ã¦ãŠã‚Šã€Inspiration UIã§äººæ°—ã®é«˜ã„サイトãŒã‚ºãƒ©ãƒªã¨è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ マウスオーãƒãƒ¼ã™ã‚‹ã¨ã€ã‚¦ã‚§ãƒ–サイ
デザインã«è¿·ã£ãŸã‚‰è¦‹ç›´ã—ãŸã„ã€50個ã®ç§˜è¨£ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å®Œå…¨ã‚¬ã‚¤ãƒ‰
海外デザインブãƒã‚°Canva Design School Blogã§å…¬é–‹ã•ã‚ŒãŸã€Œ50 Beautifully Illustrated Graphics with Tips to Make You A Better Designerã€ã‚ˆã‚Šè¨±å¯ã‚’もらã„ã€ã¾ã¨ã‚ã¦æ—¥æœ¬èªžæŠ„訳ã—ã¦ã„ã¾ã™ã€‚ デザイナーã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã‚„色使ã„ã€ã‚¤ãƒ¡ãƒ¼ã‚¸å†™çœŸã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’利用ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’惹ãã¤ã‘るストーリーをæãã¾ã™ã€‚作家ãŒç‰©èªžã‚’考ãˆã‚‹ã¨ãã«ã€ã„ãã¤ã‹ã®ã‚³ãƒ„やテクニックãŒã‚るよã†ã«ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚‚ã†ã¾ãメッセージを引ã出ã™ç§˜è¨£ãŒã‚ã‚Šã¾ã™ã€‚ ãã®æ–¹æ³•ã¯ã€æ–‡å—テã‚ストã®ã‚µã‚¤ã‚ºã‚’調整ã—ãŸã‚Šã€èƒŒæ™¯ã‚¤ãƒ¡ãƒ¼ã‚¸å†™çœŸã‚’æš—ãã—メッセージをèªã¿ã‚„ã™ãã™ã‚‹ãªã©ã€å˜ç´”ãªã“ã¨ã°ã‹ã‚Šã§ã™ã€‚ã—ã‹ã—ã€æ–‡ç« をリズミカルã«åˆ†å‰²ã™ã‚‹ãªã©ã€ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ãŒå¤§ããªå¤‰åŒ–を生むよã†ãªå°‚門的ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€åŠ‡çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®æ”¹å–„ã«ã‚‚役立ã¡ã¾ã™ã€‚ 今回
Web制作ã€Webãƒ‡ã‚¶ã‚¤ãƒ³æƒ…å ±ã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ - ウェブデザインサーãƒ
優れãŸWebデザインã€Webåˆ¶ä½œæƒ…å ±ã€Web制作会社ã€Webデザインスクールを調ã¹ã‚‹ã®ã«ãŠå½¹ç«‹ã¦ä¸‹ã•ã„。
BUNCHOSHA – DESIGN & PUBLISING
文化ã«è²¢çŒ®ã™ã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾ã§ã‚ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ 文鳥社ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’軸ã«ã—ãŸä¼šç¤¾ã§ã™ã€‚文鳥文庫ã®è²©å£²ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚デザインを軸ã«ã€ã‚‚ã®ã¥ãã‚Šã€ã‚µãƒ¼ãƒ“スã¥ãã‚Šã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚ãã—ã¦ã€ã§ãã‚‹ã ã‘「文化的ã€ãªä»•äº‹ã«è²¢çŒ®ã—ã¦ã„ã“ã†ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚文化ã¨ã„ã†è¨€è‘‰ã¯ã¨ã¦ã‚‚広ã„æ„味をæŒã¡ã¾ã™ãŒã€ã“ã“ã§ã„ã†æ–‡åŒ–ã¯ã€Œã²ã¨ã®ç²¾ç¥žã‚’豊ã‹ã«ã™ã‚‹æ´»å‹•ã€ã‚’指ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã¯ã€æ–‡å¦ã§ã‚ã£ãŸã‚Šã€éŸ³æ¥½ã§ã‚ã£ãŸã‚Šã€å…«ç™¾å±‹ã ã£ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ãŸã ãŸã システム化ã•ã‚Œã€å£²ã‚Œã‚Œã°ã‚ˆã„ã€ã¨ã„ã†ç¨®é¡žã®ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã§ãã‚‹ã ã‘多ãã®ã€é¢ç™½ã„ã“ã¨ã€ä¸–ã®ä¸ã®ãŸã‚ã«ãªã‚‹ã“ã¨ã‚’考ãˆã€ä¼ç”»ã—ã€è¡Œå‹•ã«ç§»ã—ã€å½¢ã«ã—ã¦ã„ãã“ã¨ã‚’目指ã—ã¦ã„ã¾ã™ã€‚デザインã®æœ¬è³ªã¯ã€ã‚ˆã‚Šæ£ã—ãã€ã‚ˆã‚Šã‚ˆã„世界をã¤ãã‚‹ã“ã¨ã«ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ãã‚Œã¯ã¨ã¦ã‚‚シンプルã«æ¥½ã—ã„ã“ã¨ã®ã¯ãšã§ã™ã€‚ 昨日ã¯ãªã‹ã£ãŸç‰©äº‹ã‚’生ã¿å‡ºã—ã€ãŠåº—ã«ä¸¦ã³ã€å®Ÿéš›ã«èª°ã‹ã®æ‰‹ã«ã‚ãŸã‚‹ã“ã¨ã€‚ãã—ã¦
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://ruucb.com/blog/2014-05-25/html5up-template-grid-system-orz/
{{#tags}}- {{label}}
{{/tags}}