If you like Calltoidea, let's trythe first community for link lovers.
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
Webデザイナー必見ã€å®Ÿå‹™ã§å½¹ç«‹ã¤é€†å¼•ãレイアウト集
作æˆï¼š2015/07/21 更新：2016/06/29 Webデザイン > オシャレãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ユーザーãŒä½¿ã„ã‚„ã™ã„é…置を実ç¾ã™ã‚‹ã«ã¯ã€ã©ã®ã‚ˆã†ãªã“ã¨ã«æ°—ã‚’ã¤ã‘ã‚Œã°ã‚ˆã„ã®ã‹ã€‚クライアントã®è¦æœ›ã«åˆã‚ã›ã¦ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’出ã—ãŸã„ã¨ãã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§å›°ã£ãŸæ™‚ã«èªã‚“ã§ãŠããŸã„メモ。イメージãŒæ¹§ãã‚„ã™ã„よã†ã«ã€å›½ç”£ã‚µã‚¤ãƒˆã‚’多ã‚ã«ãƒ”ックアップã—ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠１．視線をåœæ¢ã•ã›ãŸã„ ２．上質ã•ã‚’出ã—ãŸã„ ３．é™å¯‚ã•ã‚’出ã—ãŸã„ ４．親ã—ã¿ã‚„ã™ã• を出ã—ãŸã„ ５．文å—ã®å˜åœ¨æ„Ÿã‚’出ã—ãŸã„ ６．メリãƒãƒªã‚’出ã—ãŸã„ ７．先進的ãªæ¼”出をã—ãŸã„ ８．広ãŒã‚Šã‚’出ã—ãŸã„ ９．メッセージを目立ãŸã›ã„ １ï¼ï¼Žè¦ç´ を上手ã«å¯¾æ¯”ã•ã›ãŸã„ １１．ラインをオシャレã«ä½¿ã„ãŸã„ １２．èºå‹•æ„Ÿã‚’出ã—ãŸã„ １３．ãƒãƒƒã‚リ見ã›ãŸã„ １４．シンボル・ãƒã‚´ã‚’目立ã¤ä½ç½®ã«é…ç½®ã—ãŸ
デザイナーãªã‚‰å¸¸ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ï¼Webデザインギャラリーã¾ã¨ã‚ - デザインメモ
ç§ãŒå¸¸ã«RSSãªã©ã«å…¥ã‚Œã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹Webデザインã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’並ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã¨ãã©ãギャラリーサイトをãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹æ–¹ã¯ã€æ–°ãŸãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’見ã¤ã‘ã¦ã¿ãŸã‚Šã€‚全然ãƒã‚§ãƒƒã‚¯ã—ã¦ãªã„æ–¹ã¯ã€ã“れを機ã«ãƒ–ックマークã¸è¿½åŠ ã—ã¦ã¿ãŸã‚Šã€‚ãœã²ãŠå½¹ç«‹ã¦ãã ã•ã„ã€œï¼ ï¼œ 目次 ＞ 国内ã®ã¾ã¨ã‚サイト ç·åˆ 縦長・ランディングページ スマホ・レスãƒãƒ³ã‚·ãƒ– パーツ別 海外ã®ã¾ã¨ã‚サイト ç·åˆ ã‚¢ãƒ¯ãƒ¼ãƒ‰å½¢å¼ ã‚¹ãƒžãƒ›ãƒ»ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– 国内ã®ã¾ã¨ã‚サイト ç·åˆ AnotherBookmarkâ„¢ http://www.anotherbookmark.com/ straightline bookmark http://bm.straightline.jp/ I/O 3000 | Webデザインギャラリー http://io3000.com/ Web Design Clip | Webデザインクリップ
ヘッダã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ゲーションã€è¦‹å‡ºã—ãªã©ã€Webサイトã§ã‚ˆã使ã†ãƒ‘ーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
ヘッダã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ゲーションã€è¦‹å‡ºã—ãªã©ã€Webページã§ã‚ˆã使ã†å„コンãƒãƒ¼ãƒãƒ³ãƒˆã‚„エレメントã”ã¨ã«å›½å†…・海外ã®ç´ 晴らã—ã„デザインを集ã‚ã¦ã„るギャラリーサイトを紹介ã—ã¾ã™ã€‚ 眺ã‚ã¦ã„ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¹ãƒ”レーションをもらã†ã“ã¨ãŒã§ãã¾ã™ï¼ ヘッダã®ãƒ‡ã‚¶ã‚¤ãƒ³ フッタã®ãƒ‡ã‚¶ã‚¤ãƒ³ ナビゲーションã®ãƒ‡ã‚¶ã‚¤ãƒ³ 見出ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã„ã‚ã„ã‚ãªãƒ‘ーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ ヘッダã®ãƒ‡ã‚¶ã‚¤ãƒ³
http://webdesignbookmarks.com/
See related links to what you are looking for.
レストランç‰ã€é£²é£Ÿåº—Webサイトã®åˆ¶ä½œTipsã¨å®Ÿä¾‹ã¾ã¨ã‚
レストランç‰ã€é£²é£Ÿåº—Webサイトã®åˆ¶ä½œTipsã¨å®Ÿä¾‹ã¾ã¨ã‚レストランã€å±…酒屋ã€ã‚«ãƒ•ã‚§ã€ãƒãƒ¼ãªã©ãªã©ã€å›½å†…ã ã‘ã§ã‚‚æ•°ãˆãã‚Œãªã„ã»ã©ã®é£²é£Ÿåº—ãŒå˜åœ¨ã—ã¾ã™ã€‚ãã®ãŸã‚ã€é£²é£Ÿåº—ã®Webサイト制作を経験ã—ãŸã“ã¨ã®ã‚ã‚‹ã€ã¾ãŸã¯ã“ã‚Œã‹ã‚‰åˆ¶ä½œäºˆå®šã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿãã“ã§ä»Šå›žã¯ç‰¹ã«ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã«ã‚¹ãƒãƒƒãƒˆã‚’ã‚ã¦ã¦ã€å¿…è¦ãªè¦ç´ や制作ãƒã‚¤ãƒ³ãƒˆã‚’考ãˆã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ãŠã„ã—ãã†ãªå†™çœŸãŒå‘½ï¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãŠåº—ã«å…¥ã‚‹å‰ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã®ã¯ã€ãã®ãŠåº—ã§ã©ã‚“ãªä½“験ãŒã§ãã‚‹ã®ã‹ï¼Ÿã¨ã„ã†äº‹ã€‚ã©ã‚“ãªæ–™ç†ãŒå‡ºã¦ãã‚‹ã‚“ã ã‚ã†ï¼Ÿä¸€çš¿é ¼ã‚“ã らã©ã‚Œãらã„ã®é‡ãªã‚“ã ã‚ã†ï¼ŸãŠåº—ã®é›°å›²æ°—ã¯ï¼Ÿãªã©ãªã©â€¦ã€‚ã“れらã®ä¸å®‰ã‚’解消ã—ã¦ãれるã®ãŒã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„写真ã§ã™ã€‚最近ã§ã¯ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ューã§ç”»é¢ã„ã£ã±ã„ã®å†™çœŸã‚’背景画åƒã¨ã—ã¦ãƒ‰ãƒ‰ãƒ¼ãƒ³ã¨è¡¨ç¤ºã—ã¦ã„るサイトもよã見ã‹ã‘ã¾ã™ã。 鉄æ¿ç„¼ãã®å¯ã‚‰ã—ã§ã¯å†™çœŸã§ã¯ãªãã€èª¿ç†ä¸ã®å‹•ç”»ã‚’表
16個ã®æ¥ç¨®åˆ¥ã§å¦ã¶ã€Œãƒ›ãƒ¼ãƒ ページデザインã€ã®çŽ‹é“パターン | LISKUL
ホームページã®ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã„ã‚ã„ã‚ã‚ã£ã¦ã€ã©ã‚ŒãŒè‡ªåˆ†ã®ãƒ“ジãƒã‚¹ã«ãµã•ã‚ã—ã„ã‚‚ã®ã‹è¿·ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 個人ã§äº‹æ¥ã‚’ã‚„ã£ã¦ã„ã‚‹æ–¹ã ã¨ã€ãã®ã‚ˆã†ãªç–‘å•ã‚’æŒã¤æ–¹ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã§ã‚‚実ã¯ã€æ¥ç¨®ã”ã¨ã®çŽ‹é“デザインを知ã£ã¦ã„ã‚Œã°æ‚©ã‚€å¿…è¦ãªã‚“ã¦ä½•ã‚‚ãªã„ã®ã§ã™ã€‚ 今回ã¯ã€å…¨16æ¥ç¨®ã«ã‚ãŸã‚‹çŽ‹é“ã®ãƒ›ãƒ¼ãƒ ページデザインをãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. 美容院ã®ãƒ›ãƒ¼ãƒ ページデザインã€çŽ‹é“】 ãŠã—ゃれãªé«ªåž‹ã®å¥³æ€§ã®å¤§ãã‚ãªå†™çœŸã‚’載ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ ã€å®Ÿä¾‹ã€‘ Nine9 / ナイン MerryLand 美容室 pukka hair 美容院ã®ãƒ›ãƒ¼ãƒ ページデザイン ãƒã‚¤ãƒ³ãƒˆã€ŒãŠã—ゃれãªé«ªåž‹ã‚’ã—ã¦ã„る女性ã®å†™çœŸã‚’載ã›ã‚‹ã€ 美容院ã®ãƒ›ãƒ¼ãƒ ページã®çŽ‹é“デザインã¯ã€ãŠåº—ã®ãƒã‚´ãŒå·¦ä¸Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒãã®æ¨ªã«ã‚ã‚Šã€ãã®ä¸‹ã«ã¯ã€ãŠã—ゃれãªé«ªå½¢ã‚’ã—ã¦ã„る女性ã®å¤§ãç›®ãªå†™çœŸãŒã‚ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã¯ç¾Žå®¹é™¢ã¨ã„ã†å•†å£²ã®ç‰¹æ€§
センス上ãŒã£ãŸï¼ã‚¿ã‚¤ãƒ—別ã«åˆ†ã‘ãŸWebデザインã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚
作æˆï¼š2014/06/30 更新：2014/11/01 Webデザイン > サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã€ã¾ãŸã¯æ“作性ãªã©ãŒè‰¯ã„ã®ã‹æ‚ªã„ã®ã‹ã‚ã‹ã‚‰ãªã„。 オシャレã§æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ãŸã‚ã€å°‘ã—ã§ã‚‚センスを上ã’ã‚‹ãŸã‚ã«è‰²ã€…ãªã‚µã‚¤ãƒˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„。 今回ã¯ãŸã Webデザインギャラリーサイトを紹介ã™ã‚‹ã®ã§ã¯ãªãã€ãƒšãƒ¼ã‚¸åˆ¥ãƒ»è·ç¨®ãƒ»å‹•ã・制作別ãªã©ã€Œã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤ã€ããã‚Šã§ã¾ã¨ã‚ã¾ã—ãŸã€‚コーãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„ECサイト・自社サービスã®ãƒ‡ã‚¶ã‚¤ãƒ³è€ƒãˆã‚‹ã¨ãã€æ案å‰ã«ä¸€åº¦ã¯è¦‹ã¦ãŠããŸã„ã¾ã¨ã‚。 ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠é…色 １．グラデーション＋フラットデザイン ２．ダッシュボードã®é…色例 ３．高級感を出ã™é…色 ページ別 ４．採用ページ ５．404ページ è·ç¨®åˆ¥ ６．和è“å系（ä¸è¶³ã®ç¾Žï¼‰ ７．女性å‘ã‘（エディトリアルデザイン） ８．医療系 ï¼™
Webデザインをパーツã§å‚考ã«ã§ãるサイトã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€å·¥è—¤ã§ã™ã€‚ Webデザインã®éš›ã€ãƒ‘ーツã§æ‚©ã‚“ã§ã—ã¾ã†ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ãƒ»ãƒ»ã€‚ 今回ã¯ãƒ‘ーツ毎ã«ã¾ã¨ã‚ã¦ãã ã•ã£ã¦ã„るサイトをã”紹介ã—ã¾ã™ã€‚日本語サイトãŒå¤šã‚ã§ã™ã€‚ パーツ全般を集ã‚ã¦ã„るサイト ブブンデザインアーカイブ http://bubundesignarchive.jp/ Croppy http://croppy.org/ MephoBox http://box.mepholio.com/ メインビジュアル関連 WEBデザインã®ãƒ¡ã‚¤ãƒ³ãƒ“ジュアルã¾ã¨ã‚ http://mainvisual.net-king.com/ MAIN VISUAL collection http://mvisual-collection.dslrs-journal.info/ 見出ã—関連 見出ã—デザイン.com http://midashi-design.com/ Typography For He
インスピレーションãŒã‚‚らãˆã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«ãªã‚‹ã€å›½å†…外ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ - NxWorld
デザイン制作時ã®å‚考ã«ã—ãŸã‚Šã‚¤ãƒ³ã‚¹ãƒ”レーションãŒã‚‚らãˆã‚‹ã€ä¸»ã«webデザインå‘ã‘国内外ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’紹介ã—ã¾ã™ã€‚ 主ã«webデザインå‘ã‘ã«ãªã‚Šã¾ã™ãŒã€ä¸€éƒ¨ãƒ‡ã‚¶ã‚¤ãƒ³å…¨èˆ¬ã§å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ä¸ã«ã¯ç‰¹å®šã®ãƒ†ãƒ¼ãƒžã‚„パーツã«çµžã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã‚’紹介ã—ã¦ã„るギャラリーもã‚ã‚‹ã®ã§ã€æ—¥é ƒãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ã¦ã€Œã“ã®é›°å›²æ°—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã„ã¤ã‚‚æ‚©ã‚€ã€ã¨ã‹ã€Œã“ã®éƒ¨åˆ†ã®å¼•ã出ã—を増やã—ãŸã„ã€ã¨ã„ã†äººã¯ã€ãã†ã„ã£ãŸã‚µã‚¤ãƒˆã‚’æ—¥é ƒã‹ã‚‰ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚ éŽåŽ»ã«ã‚‚ã“ã†ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ãã¾ã—ãŸãŒã€ã‚¯ãƒãƒ¼ã‚ºã—ãŸã‚µã‚¤ãƒˆãŒç›®ç«‹ã£ã¦ããŸã‚Šè¦‹ã¤ã‘ãŸå½“時ã¨ã¯åŽé›†ã—ã¦ã„るデザインãŒç•°ãªã‚‹ãƒ†ãƒ¼ãƒžã«ãªã£ã¦ã„るサイトãªã©ã‚‚ã‚ã£ãŸã®ã§ã€ãれらã®ç·¨é›†ãƒ»å‰Šé™¤ã‚‚å…¼ãã¤ã¤ã™ã¹ã¦ã²ã¨ã¾ã¨ã‚ã«ã—ã¾ã—ãŸã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Loading...
{{#tags}}- {{label}}
{{/tags}}