No notifications to show yet You’ll see useful information here soon. Stay tuned!
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
DailyCocoda!ã‚’33個やã£ãŸã‚‰UIデザイナーã«ãªã‚ŒãŸã®ã§ã€ãã®ãƒ‡ãƒ¼ã‚¿ã‚’公開ã—ã¾ã™ï¼ï½œå±±å´Žå‡Œ ｜note
UIデザイナーã®å±±å´Žã§ã™ï¼ ã“ã®noteã¯ã€é§†ã‘出ã—デザイナーã®æ–¹ã§ã‚ã‚Œã°ã€å°‘ã—ã¯å½¹ã«ç«‹ã¦ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€ãã‚“ãªæ„Ÿã˜ã®noteã§ã™ã€‚優ã—ã„心ã§èªã‚“ã§ãã ã•ã„。データã®URLã¯æœ€å¾Œã«ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚¹ã‚¿ãƒ¼ãƒˆã§ã™ï¼ DailyCocoda!ã¨ã¯ DailyCocoda!ã¯ã€æ¯Žæ—¥æ‰‹è»½ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŠ›ã‚’ã¤ã‘ã¦ã„ã‘ã‚‹ãŠé¡Œã‚·ãƒªãƒ¼ã‚ºã§ã™ã€‚ 慣れã¦ãã‚‹ã¨1時間ãらã„ã§ã‚µã‚¯ãƒƒã¨ä½œã‚Œã¦ã€UIã®å¼•ã出ã—ãŒæ¯Žæ—¥å¢—ãˆã¦ã„ã最高ã®ã‚µãƒ¼ãƒ“スã§ã™ã€‚ç¿Œæœ7時ã¾ã§ã«æ出ã—ãªã„ã¨ã€æ–°ã—ã„ãŠé¡Œã«å–り組ã‚ãªã„よã†ã«ãªã£ã¦ã„ã¾ã™ã€‚最çŸã§ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’充実ã•ã›ã‚‹ãŸã‚ã«ã¯ã€æ¯Žæ—¥å–り組むã—ã‹ã‚ã‚Šã¾ã›ã‚“。ã“ã‚ŒãŒåƒ•ã«ã¯ã‚ã¡ã‚ƒåŠ¹ãã¾ã—ãŸã€‚ DailyCocoda!をスタートã—ãŸã®ãŒ2019å¹´3月6æ—¥ã€åˆ¶ä½œä¼šç¤¾ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã«å¿œå‹Ÿã—ãŸã®ãŒ2019å¹´5月3æ—¥ã§ã™ã€‚58日間ã§33個ã®DailyCocoda!ã‚’ã‚„ã‚Šã€UIデザイナーã¨ã—ã¦ã©ã†ã«ã‹
15 unofficial redesigns that are better than the originals
As designers, we can be extremely critical to different designs and details. If a designer told me they could never suggest a change to a design, I probably wouldn't believe them. Whether it be on a poster or on a t-shirt, I can always find something I might change if I were the one in charge. It's honestly impossible for me to go a day without wanting to move a button on an app or even redesignin
次ã®ã‚¦ã‚§ãƒ–デザインã«ä½¿ã„ãŸã„ã€ç¹Šç´°ãªãƒ©ã‚¤ãƒ³ã¨ã‚·ãƒ£ãƒ‰ã‚¦ã§å½¢æˆã•ã‚ŒãŸã‚·ãƒ¼ãƒ レスãªç¾Žã—ã„ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æ -Blugraphic
去年ã¾ã§ã¯ã–らã£ã¨ã—ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æを多ã見ã‹ã‘ã¾ã—ãŸãŒã€ä»Šå¹´ã«ãªã£ã¦ã‹ã‚‰å¤§æŸ„ã®ã‚‚ã®ã‚„幾何å¦çš„ãªæŸ„ãªã©ã€å¤šæ§˜ãªãƒ‘ターンを見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 今日紹介ã™ã‚‹ã®ã¯ã€åž‚ç›´ã®ãƒ©ã‚¤ãƒ³ã¨æ˜Žã‚‹ã„シャドウã‹ã‚‰å½¢æˆã•ã‚ŒãŸç¾Žã—ã„パターンã§ã™ã€‚
ミニマルデザインサイトã®ã‚¤ãƒ³ã‚¹ãƒ”レーション30「30 Beautiful Minimalist Web Designsã€
TOP  >  WebDesign  >  ミニマルデザインサイトã®ã‚¤ãƒ³ã‚¹ãƒ”レーション30「30 Beautiful Minimalist Web Designs〠究極ãªã‚·ãƒ³ãƒ—ルをテーマã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã‚‹ãƒŸãƒ‹ãƒžãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã€‚è¦ç´ ãŒé™ã‚‰ã‚Œã‚‹ã ã‘ã«ã€ãƒãƒ©ãƒ³ã‚¹ã‚„ã©ã‚“ãªè¦ç´ やグラフィックをå–り入れるã®ã‹ãŒã¨ã¦ã‚‚é‡è¦ã«ãªã£ã¦ãã‚‹ã€ã‚ã‚‹æ„味難ã—ã„種類ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚今回ã¯ãã‚“ãªãƒŸãƒ‹ãƒžãƒ«ã‚µã‚¤ãƒˆã‚’デザインã™ã‚‹éš›ã«æ˜¯éžå‚考ã«ã—ãŸã„インスピレーション30「30 Beautiful Minimalist Web Designsã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （Alistair Lane） シンプルã‹ã¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã•ã‚’æ„Ÿã˜ã•ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³äº‹ä¾‹30種ãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– Enso イラストã¨è›å…‰ã‚«ãƒ©ãƒ¼ã®ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®çµ„åˆã‚ã›ãŒã€ã‚·ãƒ³ãƒ—ルãªä¸ã«ã‚‚個性を感ã˜ã•ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã¾ã™ã€‚ â–
ã“ã£ã¡ã®ã»ã†ãŒå¥½ãï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã—ç›´ã•ã‚ŒãŸiOS7ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒã‚«ãƒ¯ã‚¤ã‚¤ï¼ - iOS7 Fancy Redesign
フラットデザインã«ä¸€æ–°ã•ã‚Œè³›å¦ä¸¡è«–ä¸ã®iPhoneã®iOS7ã®æ–°ã—ã„インタフェース。 ãã‚“ãªä¸ã€Jacob Cummingsæ°ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ–°ã—ã„デザイン案ãŒã™ã”ãカワイイ。 一見フラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚ˆã†ã§ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã‚るアイコン。 個人的ã«ã¯ã“ã¡ã‚‰ã®ã»ã†ãŒãƒ¯ã‚¯ãƒ¯ã‚¯æ„ŸãŒæº€è¼‰ã§ä¸€ç›®æƒšã‚Œã—ã¾ã—ãŸã€‚ ã“ã“ã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ãªã®ã§ã™ãŒä»–ã®ç”»é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚„ã£ã¦ã¿ã¦ã»ã—ã„。 アイコンã‹ã‚ã„ã„ï¼ via: iOS7 Fancy Redesign | Picame - Daily dose of creativity
æµè¡Œã‚‹ã‹ã©ã†ã‹ã¯åˆ¥ã¨ã—ã¦ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考察ã—ã¦ã¿ãŸã‚‰æ„外ã¨æ·±ã‹ã£ãŸ – オレインブãƒã‚°
フラットデザインãŒä¸–間を賑ã‚ã—ã¦ã¾ã ãã‚Œã»ã©æ™‚ã¯æµã‚Œã¦ã„ã¾ã›ã‚“ãŒã€æµ·å¤–ã§ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³2.0ã¨ã„ã†å‘¼ã°ã‚Œæ–¹ã‚‚ã•ã‚Œã‚‹ã“ã¨ãŒã‚るよã†ãªãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ãŒã©ã‚“ãªã‚‚ã®ãªã®ã‹è€ƒå¯Ÿã—ã¦ã¿ã¾ã—ãŸã€‚ ãã—ã¦ã€ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作る方法をå‹æ‰‹ãªãŒã‚‰è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ドãƒãƒƒãƒ—シャドーデザインã¨ã¯ï¼Ÿ ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ã‚¦ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€è¨€è‘‰ã§èª¬æ˜Žã™ã‚‹ã¨ã“ã‚“ãªã‹ã‚“ã˜ã«ãªã‚‹ã®ã§ã—ょã†ã‹ã€‚photoshopvipã•ã‚“ã®è¨€è‘‰ã‚’引用ã™ã‚‹ã¨ã€ æ–œã‚45度ã«å·®ã—込む光ãŒä½œã‚‹ã€ãã®åã®é€šã‚Šã€ã‚·ãƒ£ãƒ‰ã‚¦éƒ¨åˆ†ã‚’強調ã—ãŸã€å†¬ã®æ—¥ã«ã‚ˆã見å—ã‘られる様ãªã€é•·ã„å½±ãŒå°è±¡çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ ã¨ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã‹ã。的確ãªè¡¨ç¾ã‹ã¨æ€ã„ã¾ã™ã€‚ ã–ã£ãã‚Šã¨ã©ã‚“ãªã‚‚ã®ã‹ã‚’検証ã—ã¦ã¿ã¾ã—㟠ãƒã‚¤ãƒ©ã‚¤ãƒˆã®è§’度ã€ã‚·ãƒ£ãƒ‰ã‚¦ã®è§’度ã€ã¨ã‚‚ã«45°ã§ãã‚Œã„ã«ä½œã£ã¦ã‚ã‚Šã¾ã™ã€‚ãã—ã¦ã€é…色ã§ã™ãŒåˆ†ã‹ã‚Šã‚„ã™ã„よã†ã«HSBæ–¹å¼ã§è¡¨è¨˜ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ãƒã‚¤
フラットデザインã®é€²åŒ–å½¢ï¼ãªãŒãƒ¼ã影をè½ã¨ã™ã€Œãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¾ã¨ã‚
今年ã¯ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ä¸€è‰²ã®Web界隈ã§ã™ãŒ... / 「ãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚ã‚Œã“ã‚Œ / Dribbble - Relevvant by ...ä»–...å…¨33件 今年ã¯ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ä¸€è‰²ã®Web界隈ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã€ŒDribbbleã€ã§ã¯ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¬¡ã«ãã‚‹ã§ã‚ã‚ã†ã€Œãƒãƒ³ã‚°ã‚·ãƒ£ãƒ‰ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã®ã‚¢ã‚¤ã‚³ãƒ³ã®æŠ•ç¨¿ãŒç››ã‚“ãªã‚ˆã†ã§ã™ã€‚ 今年後åŠã‹ã‚‰æ¥å¹´ã«ã‹ã‘ã¦ã€ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒƒã‚»ãƒ³ã‚¹ã‚’å–り込んã Webサイトをよãç›®ã«ã™ã‚‹ã“ã¨ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。
Webflow ー ç›´æ„Ÿæ“作ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ウェブをデザインã§ãるサービス Beta版公開 ã€@maskin】 | TechWave（テックウェーブ）
1990年代åˆé ã‹ã‚‰è¨˜è€…ã¨ã—ã¦ã¾ãŸèµ·æ¥å®¶ã¨ã—ã¦ITスタートアップæ¥ç•Œã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‹ã‚‰ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®äº‹æ¥å‰µå‡ºã«é–¢ã‚る。シリコンãƒãƒ¬ãƒ¼ã‚„EUç‰ã§ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—を経験。日本ã§ã¯ãƒãƒƒãƒˆã‚¨ã‚¤ã‚¸ç‰ã«æ‰€å±žã€å¤§æ‰‹ä¼æ¥ã®æ–°è¦äº‹æ¥å‰µå‡ºã«å”力。ブãƒã‚°ã‚„SNSã€LINEãªã©ã®èª•ç”Ÿã‹ã‚‰æ™®åŠæˆé•·ã¾ã§ã‚’最å‰ç·šã§è¦‹ã¦ããŸç”Ÿãå—引ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã‚‹ã€‚通信ã‚ャリアã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒãƒ¼ã‚¿ãƒ«ã®å‰µæ¥ãƒ‡ã‚¹ã‚¯ã¨ã—ã¦æ•°å„„PV事æ¥ã«ã€‚世界最大IT系メディア（スペイン）ã®å…ƒæ—¥æœ¬ç·¨é›†é•·ã€World Innovation Lab(WiL)ãªã©ã‚’経ã¦ã€ç¾åœ¨ã€ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—支æ´å´ã®å–り組ã¿ã«æ³¨åŠ›ä¸ã€‚
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹Sass/Compassã®ãƒœã‚¿ãƒ³ãƒ©ã‚¤ãƒ–ラリ -Buttons
最後ã¯ã‚ªãƒ—ションã§ä¸Šã‹ã‚‰ã€ã‚µã‚¤ã‚ºå¤‰æ›´ã€inputã‚„buttonãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã€ãƒ©ãƒƒãƒ‘ー付ãã®ãƒœã‚¿ãƒ³ Buttonsã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ Step 1: 外部ファイル Buttons.zipã‚’Buttons- GitHubã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/button.css"> Step 2: HTML ã‚ã¨ã¯ã€HTMLã«ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’使ã†ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ デモã®HTMLã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <a href="#" class="button button-rounded button-flat-primary">press me</a> <a href="#" clas
スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
display:table-cell; を活用ã™ã‚‹ リã‚ッドレイアウトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ã便利。 親è¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; 記事リストãªã©ã€ç”»åƒã¨ãƒ†ã‚ストを横並ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ タップ時ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚アルファ値もè¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width を指定 img・iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; を指定ã™ã‚‹ã€‚ word-break:break-all; を指定 スマホã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“。 word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ フォ
白ã¨é»’ã§å‰µã‚‰ã‚ŒãŸã‚·ãƒ³ãƒ—ルã§ã™ã”ã„Webサイト10é¸
ã“ã‚“ã«ã¡ã¯ã€‚ ãƒãƒ©ãƒ³ã‚¹ã«ã“ã ã‚ã£ãŸã‚·ãƒ³ãƒ—ルãªã‚µã‚¤ãƒˆã¯è¦‹ã¦ã„ã¦é£½ããªã„ã‚‚ã®ã§ã™ã€‚ 今回ã¯ã€ç™½ã¨é»’をベースã«ä½œã‚‰ã‚ŒãŸã‚·ãƒ³ãƒ—ルã§ã™ã”ã„Webサイト10個ã»ã©é¸ã‚“ã§ã¿ã¾ã—ãŸã€‚ Kenji Saito Kenji Saitoæ°ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã§ã™ã€‚ å‹•ãã‚’å«ã‚ãƒãƒ©ãƒ³ã‚¹ã‚‚éžå¸¸ã«å„ªã‚Œã¦ã„ã¾ã™ã€‚Flashã˜ã‚ƒãªã„ã®ãŒã¾ãŸã™ã”ã„… Mac Pro ゴミ箱ãªã©ã„ã‚ã‚“ãªãƒã‚¿ã«ã¯ã•ã‚Œã¾ã—ãŸãŒã€ç›¸ã‚‚変ã‚らãšã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ç´ 晴らã—ã„ã§ã™ã。æれ入りã¾ã™ã€‚ サイト1æžšã§è£½å“ã®è‰¯ã•ã‚’å˜åˆ†ã«èª¬æ˜Žã§ãã¦ã¾ã™ã。 ã™ã”ã„ã†ã‡ã¶ [browser-shot url=â€http://sugoiweb.nezihiko.com/†width=â€550″] 見ãŸäººãŒå£ã‚’æƒãˆã¦ã€Œã™ã”ã„ï¼ã€ã¨ã„ã£ã¦ã—ã¾ã†ã‚µã‚¤ãƒˆã€‚é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã®ä½è—¤ãã˜æ°ã®ä½œå“。 本ã®æ›¸ã出㗠書ã出ã—ã®1æ–‡ã ã‘ã§æœ¬ã‚’é¸ã¶äº‹ãŒå‡ºæ¥ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ 日本語をã†ã¾ã使ã£
フラットデザインã®ã‚³ãƒ„çš„ãªã‚¢ãƒ¬ - ç´è±†ã«ã¯åµã‚’入れる派ã§ã™ã€‚
P4Dã§æ•™ãˆã¦ã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«èžã‹ã‚ŒãŸã®ã§ã€ãªã‚“ã‹æ•´ç†ã—ãã‚Œã¦ãªãã¦ã–ã£ãã‚Šãªã‚“ã§ã™ãŒã€å–り急ãŽã€ãªã‚“ã‹ãã‚Œã£ã½ããªã‚‹ã‚³ãƒ„ã¿ãŸã„ãªã®ã‚’独æ–ã¨å見ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 3色〜5色ãらã„ã®è‰²ã‚’ç”»é¢ã®ä¸ã§å‡ç‰ã«ä½¿ã†ã®ãŠã™ã™ã‚ 作りãŸã„サービスãŒä½•ã§è‰²åˆ†ã‘ã§ãã‚‹ã‹è€ƒãˆã¾ã™ã€‚ã¡ã‚‡ã†ã©ã‚ˆã3〜5種類ãらã„ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚„カテゴリãªã©ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã«å¿œã˜ã¦è‰²ãŒå¤‰ã‚ã‚‹ã¨ã‹ã™ã‚‹ã¨ã†ã¾ããƒãƒžã‚‹ã€‚ã‹ã‚‚。 Flat UI Colorã§è‰²é¸ã³ http://flatuicolors.com/ ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã“ã‹ã‚‰3〜5色ãらã„é¸ã¶ã¨ã‚ˆã„ã§ã™ã€‚クリックã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ”ーã•ã‚Œã¾ã™ã€‚ã‚ら便利。赤ã¯ä»–ã®è‰²ã¨ä»²è‰¯ãã™ã‚‹ã®ãŒé›£ã—ã‚。 Sassã§å½©åº¦ã‚’抑ãˆã‚‹ã¨è½ã¡ç€ã„ãŸè‰²èª¿ã«ãªã£ã¦ã€ä½¿ã„ã“ãªã—ã®é›£æ˜“度ãŒä½Žããªã‚Šã¾ã™ 上ã®ã‚µã‚¤ãƒˆã‚‚ãã†ãªã‚“ã§ã™ãŒã€Flat UIã«ã‚ˆã使ã‚ã‚Œã¦ã„る色ã¯ã€é®®ã‚„ã‹ãªãŒå¤šã
デザインセンスãŒå£Šæ»…çš„ãªç§ãŒè‰¯ã„æ„Ÿã˜ã®é…色を実ç¾ã•ã›ã¦ã„る方法 - ã‚ãªãŸã®ã‚¹ã‚¤ãƒƒãƒã‚’押ã™ãƒ–ãƒã‚°
資料ã®å‡ºæ¥æ „ãˆã‚’大ããå·¦å³ã™ã‚‹ã€Œè‰²ã€ã€‚資料を作り込むã»ã©ã®ã‚ã‚Šè¾¼ã¿ã€æŠœã‘出ã›ãªããªã£ã¦ã—ã¾ã†ã€‚何ãŒæ£è§£ã‹åˆ†ã‹ã‚‰ãšã€å…¨ã抜ã‘出ã›ãªã„泥沼。 「もã†ã¡ã‚‡ã£ã¨é’ã¿ã‚’…ã€ã€Œã„ã‚„ã€èµ¤ã¿ãŒå¼·ã™ãŽã‚‹ã‹ã‚‰ã€å½©åº¦ã‚’è½ã¨ã—ã¦â€¦ã€ã€Œã“ã®è‰²ã®çµ„ã¿åˆã‚ã›ã¯ãªã„ãªã。何色を差ã—色ã«ã—よã†â€¦ã€ 色ã¯ç„¡é™å¤§ã€‚é™ã‚Šã‚る知è˜ã¨çµŒé¨“ã ã‘ã§ã¯ã€ãªã‹ãªã‹æ£è§£ã®é…色を手ã«å…¥ã‚Œã‚‰ã‚Œãªã„ã“ã¨ã§ã—ょã†ã€‚ ãã‚“ãªæ™‚ã«ç§ãŒå½¹ç«‹ã¦ã¦ã„ã‚‹ã€é…色ã«é–¢ã™ã‚‹ãŠè©±ã—を致ã—ã¾ã™ã€‚ カラーパレットã¯è‡ªä½œã—ãªã„ ãã‚‚ãã‚‚ç§ã¯ç¾Žè¡“çš„ãªã‚»ãƒ³ã‚¹ãŒã‚ã‚Šã¾ã›ã‚“。美術ã®æˆç¸¾ã‚‚ã€å½«åˆ»ãªã©ã®é€ 形もã®ã¯ãã“ãã“ã§ã—ãŸãŒã€çµµç”»çš„ãªèª²é¡Œã¯ã¦ã‚“ã§ãƒ€ãƒ¡ã§ã—ãŸã€‚ ãã‚“ãªç§ãŒè‡ªåˆ†ã§é…色を作ã‚ã†ã¨æ€ã£ãŸã‚‰ã€æ™‚é–“ãŒã„ãらã‚ã£ã¦ã‚‚足りã¾ã›ã‚“。ãã—ã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã¯ã€ã‹ã‘ãŸæ™‚é–“ã«å比例ã—ã¦ã„ãã§ã—ょã†ã€‚ ã§ã™ã®ã§ç§ã¯ã€è‡ªåˆ†ã§ä½œã‚Šã¾ã›ã‚“。他ã®è‰²ã‚“ãªç‰©ã‚’利用ã—ã¾ã™ã€‚ ãã‚Œã¯æ™‚ã«å†™çœŸã‚„ç”»åƒã§ã‚ã£ãŸã‚Šã€äººãŒä½œ
有åWebサービスã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è€ƒãˆã‚‹ã€ä¸Šæ‰‹ãªæ–™é‡‘プランã®è¦‹ã›æ–¹ | Goodpatch Blog
複数ã®æ–™é‡‘プランをæŒã¤Webサービスを利用ã™ã‚‹éš›ã€çš†ã•ã‚“ã¯ã©ã†ã„ã†åŸºæº–ã§ãƒ—ランをé¸ã³ã¾ã™ã‹ï¼Ÿç§ã¯è‡ªåˆ†ã«å¿…è¦ãªæ©Ÿèƒ½ã¯ä½•ãªã®ã‹ã€æ–™é‡‘ã«è¦‹åˆã£ãŸå†…容ã‹ã©ã†ã‹ã€ä»–ã®ãƒ—ランã¨æ¯”較ã—ã¦ãŠå¾—ãªã®ã¯ã©ã‚Œãªã®ã‹ç‰ã‚’考ãˆãªãŒã‚‰æ¤œè¨Žã—ã¦ã„ãã¾ã™ã€‚ãã®ãŸã‚ã«ä¸€ç›®ã§ãã‚Œãžã‚Œã®ãƒ—ラン内容ãŒã‚ã‹ã£ãŸã‚Šã€å„プランを簡å˜ã«æ¯”較ã§ãるデザインã ã¨æ±ºã‚ã‚„ã™ã„ã®ã§ã™ãŒã€è‡ªåˆ†ã«ã´ã£ãŸã‚Šã®ãƒ—ランãŒã™ãã«ã‚ã‹ã‚‰ãªã„ã¨çµå±€ã©ã‚Œã‚‚申ã—è¾¼ã¾ãªã„ã€ãªã‚“ã¦ã“ã¨ã‚‚。ãã“ã§ä»Šå›žã¯è¤‡æ•°ã®ãƒ—ランをæŒã¤Webサービスã®æ–™é‡‘表を見ãªãŒã‚‰ã€ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é…力をä¼ãˆã¦ã„ã‚‹ã®ã‹ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ SQUARESPACE http://www.squarespace.com/pricing/ プランを3ã¤ç”¨æ„ã—ã¦ã„ã‚‹SQUARESPACEã¯ã€ãŠã™ã™ã‚ã®$16ã®ãƒ—ランを人気ã®ãƒ—ランã¨ã—ã¦ç”»é¢ã®çœŸã‚“ä¸ã«ãるよã†ã«é…ç½®ã—ã¦ã„ã¾ã™ã€‚緑背景ã®â€M
ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹430種類以上ã®ã‚¤ãƒ©ã‚¹ãƒˆé›†ã€Œ430+ FREE storyboard illustrationsã€
記å·ã‚„å¹ãã ã—ã‹ã‚‰å®¶å…·ã‚„インテリア・乗り物・建物・人ã®é¡”・行動・動物・ジェスãƒãƒ£ãªã©å¤šæ•°ã®ã‚¤ãƒ©ã‚¹ãƒˆãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ãŒã€ŒDribbble - 430+ FREE storyboard illustrationsã€ã§ã™ã€‚ファイルã¯PNGå½¢å¼ã¨AIå½¢å¼ã®2種類ã§ã€çµµã‚³ãƒ³ãƒ†ã‚„アイデアスケッãƒãªã©ã«ä½¿ç”¨ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Dribbble - 430+ FREE storyboard illustrations by Julian Burford http://dribbble.com/shots/1083617-430-FREE-storyboard-illustrations イラスト一覧ã¯ã“ã‚“ãªæ„Ÿã˜ å„イラストを細ã‹ã見ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯äººã®é¡”ã„ã‚ã„ã‚。 サッカーボールやスケートボードãªã©ã€ã‚¹ãƒãƒ¼ãƒ„用å“。 スãƒãƒ¼ãƒ„é¸æ‰‹ 動物 審査員やåƒã女性ãªã©ã€äººã®è¡Œå‹•ã€‚ å¹ã出ã—ã€è¨˜å·
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
webamb.com
http://nh-lab.com/banner_design_idea/
http://monosy.com/blog/6
[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸ![[デザイン]グラデーションを使ã†ç†ç”±ã€ä¸è‡ªç„¶ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦å¾¹åº•çš„ã«åˆ†æžã—ãŸ](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
{{#tags}}- {{label}}
{{/tags}}