æœã®å…‰ãŒå·®ã—込むデスクã§ã€ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’å‰ã«æ‰‹ãŒæ¢ã¾ã‚‹ã€‚
SNSã§æµã‚Œã‚‹ç¾Žã—ã„サイトやãƒãƒŠãƒ¼ã‚’眺ã‚ãªãŒã‚‰ã€ã€Œè‡ªåˆ†ã«ã‚‚ã“ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¤ãれるよã†ã«ãªã‚ŠãŸã„ã€ã¨æ€ã†ã€‚
ã§ã‚‚åŒæ™‚ã«ã€ã€ŒæœªçµŒé¨“ã§ã‚‚ã§ãã‚‹ã®ã‹ãªã€ã€Œã‚»ãƒ³ã‚¹ãŒãªã„ã¨ç„¡ç†ã‹ã‚‚ã€ã¨ä¸å®‰ãŒã‚ˆãŽã‚‹â€¦â€¦
ãã‚“ãªæ°—æŒã¡ã€ã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚
ç§ã‚‚ã‹ã¤ã¦ã€å…¨ãã®åˆå¿ƒè€…ã‹ã‚‰Webデザインをå¦ã³å§‹ã‚ã€æœ€åˆã®1æžšã®ãƒãƒŠãƒ¼ã‚’仕上ã’ã‚‹ã¾ã§ä½•度もã¤ã¾ãšãã¾ã—ãŸã€‚
本記事ã§ã¯ã€ã“れã‹ã‚‰Webデザイナーを目指ã™äººã«å‘ã‘ã¦ã€ä»•事内容や必è¦ãªã‚¹ã‚ル・å¦ã³æ–¹ãƒ»å°†æ¥æ€§ã¾ã§ã‚’ä¸å¯§ã«è§£èª¬ã—ã¾ã™ã€‚
èªå¾Œã«ã¯ã€ä»Šæ—¥ã‹ã‚‰è¸ã¿å‡ºã›ã‚‹ã¯ã˜ã‚ã®ä¸€æ©â€æ˜Žç¢ºã«ãªã‚‹ã¯ãšã§ã™ã€‚
Webデザイナーã¨ã¯ã©ã‚“ãªä»•事ã‹
Webデザイナーã¯ã€WebサイトやãƒãƒŠãƒ¼ãªã©ã‚’デザインã™ã‚‹è·ç¨®ã§ã™ã€‚
見ãŸç›®ã‚’æ•´ãˆã‚‹ã ã‘ã§ãªãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„よã†ã«å·¥å¤«ã™ã‚‹ãªã©ã€å®Ÿç”¨æ€§ã‚‚é‡è¦–ã•れã¾ã™ã€‚
最åˆã«Webデザイナーã®ä»•事内容をç†è§£ã—ã¦ãŠãã¾ã—ょã†ã€‚
Webデザイナーã®åŸºæœ¬çš„ãªå½¹å‰²
Webデザイナーã®ä¸»ãªå½¹å‰²ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚„ディレクターã®è¦æœ›ã«åŸºã¥ã„ã¦ã€Webサイトやアプリã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹ã“ã¨ã§ã™ã€‚
美ã—ã„ã ã‘ã§ãªãã€ä½¿ã„ã‚„ã™ãã€æƒ…å ±ãŒæ•´ç†ã•れã¦ã„ã‚‹ã“ã¨ãŒæ±‚ã‚られã¾ã™ã€‚
å…·ä½“çš„ãªæ¥å‹™ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚りã¾ã™ã€‚
- ワイヤーフレームやデザイン案ã®ä½œæˆ
- ç”»åƒã‚„ãƒãƒŠãƒ¼ã®åˆ¶ä½œãƒ»ç·¨é›†
- é…色や文å—ã®é¸å®šã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨è¨ˆ
- HTML/CSSã®ç°¡å˜ãªèª¿æ•´ï¼ˆã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯åˆ†æ¥ã•れるã“ã¨ã‚‚)
見ãŸç›®ã‚’デザインã™ã‚‹ã ã‘ã§ã¯ãªãã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã®è¦–線や行動をæ„è˜ã—ãŸè¨è¨ˆã‚‚求ã‚られる点ãŒã€ä»–ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®é•ã„ã§ã™ã€‚
ã•らã«è¿‘å¹´ã¯ã€ã‚¹ãƒžãƒ›ã‚„タブレットãªã©è¤‡æ•°ã®ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインãŒä¸»æµã«ãªã£ã¦ãŠã‚Šã€å®Ÿç”¨æ€§ã¨æŠ€è¡“çš„é…æ…®ã‚’両立ã™ã‚‹å¿…è¦ã‚‚出ã¦ãã¾ã—ãŸã€‚
æ¥å‹™ã®æµã‚Œã¨é–¢ã‚る人
Webデザイナーã¯ä¸€äººã§å®Œçµã™ã‚‹ä»•事ã§ã¯ã‚りã¾ã›ã‚“。一般的ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæµã‚Œã§é€²è¡Œã—ã¾ã™ï¼š
- ディレクターやクライアントã¨ã®æ‰“ã¡åˆã‚ã›
- è¦ä»¶å®šç¾©ã«åŸºã¥ãデザインè¨è¨ˆ
- デザインカンプ(完æˆã‚¤ãƒ¡ãƒ¼ã‚¸ï¼‰ã®æå‡º
- フィードãƒãƒƒã‚¯ã‚’å—ã‘ãŸä¿®æ£
- エンジニアã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’引ãç¶™ãŽ
Webデザインã®å®Ÿå‹™ä»¥å¤–ã®ä»•事ã®ä¸ã§é‡è¦ãªã®ãŒã€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŠ›ã‚„èª¿æ•´åŠ›ã§ã™ã€‚
特ã«åœ¨å®…ã§ã®ä»•事ã§ã¯ã€ãƒãƒ£ãƒƒãƒˆã‚„ビデオ通話ã§ã‚¹ãƒ ãƒ¼ã‚ºã«æ„æ€ç–Žé€šã‚’å–ã‚‹åŠ›ãŒæ¬ ã‹ã›ã¾ã›ã‚“。
ã¾ãŸã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ‹…当者ã¨é€£æºã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼è¡Œå‹•や効果測定データをもã¨ã«æ”¹å–„ææ¡ˆã‚’行ã†ã“ã¨ã‚‚ã‚りã¾ã™ã€‚
å˜ãªã‚‹ä½œæ¥è€…ã§ã¯ãªãã€ä¾¡å€¤ã‚’生ã¿å‡ºã™ãƒ‘ートナーã¨ã—ã¦ã®é–¢ã‚ã‚ŠãŒæœŸå¾…ã•れã¦ã„ã‚‹ã®ã§ã™ã€‚
UI/UXã¨ã®é•ã„ã¨é‡ãªã‚Š
ã‚ˆãæ··åŒã•れãŒã¡ãªUIデザインã¨UXデザイン。
ãれãžã‚Œæ¬¡ã®ã‚ˆã†ã«ç†è§£ã™ã‚‹ã¨ã‚¹ãƒ ーズã§ã™ã€‚
-
- UI(User Interface):見ãŸç›®ã‚„æ“作感ã®è¨è¨ˆï¼ˆãƒœã‚¿ãƒ³ã®å¤§ãã•や色ãªã©ï¼‰
- UX(User Experienceï¼‰ï¼šåˆ©ç”¨è€…ãŒæ„Ÿã˜ã‚‹ä½“験全体ã®è¨è¨ˆï¼ˆä½¿ã„ã‚„ã™ã•ã€æº€è¶³åº¦ãªã©ï¼‰
Webデザイナーã¯ã€ä¸»ã«UIã«é–¢ã‚る部分を担当ã—ã¾ã™ãŒã€UXã‚’æ„è˜ã—ãªã„ã¨ã€ã„ãら美ã—ãã¦ã‚‚使ã„ã¥ã‚‰ã„サイトã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚
ã—ãŸãŒã£ã¦ã€Webデザイナーã«ã‚‚UXã®è¦–ç‚¹ã¯æ¬ ã‹ã›ã¾ã›ã‚“。
ãŸã¨ãˆã°ã€ãƒœã‚¿ãƒ³ã‚’目立ãŸã›ã¦ã‚¯ãƒªãƒƒã‚¯çŽ‡ã‚’ä¸Šã’ãŸã‚Šã€ãƒšãƒ¼ã‚¸é·ç§»ã‚’スムーズã«ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’考ãˆãŸã‚Šã™ã‚‹ã®ã¯ã€ã¾ã•ã«UIã¨UXã®ä¸¡é¢ã‹ã‚‰ã®è¨è¨ˆã§ã™ã€‚
UIã‚„UXã¯å°‚é–€è·ã¨ã—ã¦åˆ†æ¥ã•れるã“ã¨ã‚‚ã‚りã¾ã™ãŒã€å°è¦æ¨¡æ¡ˆä»¶ã‚„フリーランスã§ã¯ä¸€äººã§ä¸¡æ–¹ã‚’æ‹…ã†ã“ã¨ã‚‚ã‚りã¾ã™ã€‚
今ã®è‡ªåˆ†ã®ç«‹å ´ãªã‚‰ã€ã©ã“ã¾ã§æ‹…ã†ã“ã¨ãŒæ±‚ã‚られるã§ã—ょã†ã‹ï¼Ÿ
ã“ã“ã¾ã§èªã‚“ã 人ã«ã€ã²ã¨ã¤ã ã‘。匿åã§ã€æŠ¼ã™ã ã‘ã§ã™ã€‚10人を超ãˆã‚‹ã¨ã€ã©ã®ç”ãˆãŒå¤šã„ã‹ã®å‰²åˆãŒå‡ºã¾ã™ã€‚
有料ツールã«èª²é‡‘ã—ãŸã¾ã¾ã€ä½¿ã‚ãªããªã£ãŸã“ã¨ã¯ã‚りã¾ã™ã‹ï¼Ÿ
よã‘れã°ä¸€è¨€ã€‚何ã®ãƒ„ールã§ã€ãªãœä½¿ã‚ãªããªã£ãŸã‹ã€‚
ã‚りãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚åŒã˜ç”ãˆã®äººãŒã€ã“ã“ã«ã„ã¾ã™ã€‚
Webデザイナーã«å‘ã„ã¦ã„る人ã®ç‰¹å¾´
Webデザイナーã«å‘ã„ã¦ã„る人ã®ç‰¹å¾´ã‚’æ•´ç†ã™ã‚‹ã“ã¨ã§ã€è‡ªåˆ†ã«é©æ€§ãŒã‚ã‚‹ã‹ã‚’見極ã‚ã‚„ã™ããªã‚Šã¾ã™ã€‚
未経験者ã§ã‚‚ã€æ—¥å¸¸ã®æ€è€ƒã‚„経験ãŒå¼·ã¿ã«å¤‰ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã§ã—ょã†ã€‚
å‘ã„ã¦ã„ã‚‹æ€§æ ¼ã‚„æ€è€ƒãƒ‘ターン
Webデザイナーã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ€§æ ¼ã‚„è€ƒãˆæ–¹ã®äººãŒå‘ã„ã¦ã„ã‚‹ã¨è¨€ã‚れã¦ã„ã¾ã™ã€‚
- 細部ã«ã“ã ã‚ã‚‹ã®ãŒå¥½ã
- 見ãŸç›®ã®ãƒãƒ©ãƒ³ã‚¹ã‚„美ã—ã•ã«æ•感
- ç›¸æ‰‹ã®æ°—æŒã¡ã‚’想åƒã™ã‚‹ã®ãŒå¾—æ„
- æ–°ã—ã„ツールや技術を楽ã—ã‚ã‚‹
- 一人ã§é»™ã€…ã¨é›†ä¸ã§ãã‚‹
一見ã™ã‚‹ã¨ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªäººãŒæœ‰åˆ©ãªã‚ˆã†ã«æ€ãˆã¾ã™ãŒã€å®Ÿéš›ã«ã¯æƒ…å ±ã‚’æ•´ç†ã—ã¦åˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹åŠ›ã‚„åœ°å‘³ãªä½œæ¥ã‚’継続ã™ã‚‹ç²˜ã‚Šå¼·ã•も大切ã§ã™ã€‚
ã¾ãŸã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚„他メンãƒãƒ¼ã¨ã®ã‚„りå–りãŒç™ºç”Ÿã™ã‚‹ãŸã‚ã€å”調性や柔軟性も求ã‚られã¾ã™ã€‚
自分ã®ã“ã ã‚りã¨ã€ç›¸æ‰‹ã®æ„図をã™ã‚Šåˆã‚ã›ã‚‹èª¿æ•´åŠ›ãŒè©¦ã•れる仕事ã§ã‚‚ã‚りã¾ã™ã€‚
デザインï¼ã‚»ãƒ³ã‚¹ãŒã™ã¹ã¦ã¨æ€ã£ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ
実際ã«ã¯ã€è«–ç†æ€§ã‚„観察力ã¨ã„ã£ãŸâ€œè‚²ã¦ã‚‰ã‚Œã‚‹è³‡è³ªâ€ãŒã€é•·ãæ´»èºã™ã‚‹ãŸã‚ã®éµã«ãªã‚‹ã®ã§ã™ã€‚
未経験ã‹ã‚‰ã§ã‚‚æ´»ã‹ã›ã‚‹çµŒé¨“やスã‚ル
未経験ã§ã‚ã£ã¦ã‚‚ã€ã“れã¾ã§ã®çµŒé¨“ãŒWebデザイナーã¨ã—ã¦ã®ç´ 地ã«ãªã‚‹ã“ã¨ãŒã‚りã¾ã™ã€‚例ãˆã°ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚
- å–¶æ¥çµŒé¨“:クライアントã¨ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³åŠ›ãŒæ´»ã‹ã›ã‚‹
- 事務経験:ä¸å¯§ã§æ£ç¢ºãªä½œæ¥ã€è³‡æ–™ä½œæˆã‚¹ã‚ルãŒå¿œç”¨ã§ãã‚‹
- 育å…や接客経験:相手ã®ç«‹å ´ã‚’考ãˆã‚‹å…±æ„ŸåŠ›ãŒUX視点ã«ã¤ãªãŒã‚‹
特ã«ã€ãƒ—レゼン資料ã®ä½œæˆã‚„SNSé‹ç”¨ãªã©ã‚’経験ã—ã¦ã„れã°ã€æƒ…å ±æ•´ç†ã‚„ビジュアル表ç¾ã®èƒ½åŠ›ãŒå½¹ç«‹ã¤å ´é¢ãŒå¤šã„ã§ã™ã€‚
ã¾ãŸã€Canvaãªã©ã®ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ„ãƒ¼ãƒ«ã«æ…£ã‚Œã¦ã„れã°ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬ã‚’å¦ã¶éš›ã®ç†è§£ã‚‚スムーズã«ãªã‚‹ã§ã—ょã†ã€‚
「未経験ã ã‹ã‚‰ã€ã¨æ§‹ãˆãšã€è‡ªåˆ†ã®ã“れã¾ã§ã®çµŒé¨“ã‚’è¦‹ã›æ–¹æ¬¡ç¬¬ã§å¼·ã¿ã«å¤‰ãˆã‚‹è¦–点ãŒå¤§åˆ‡ã§ã™ã€‚
å‘ã„ã¦ã„ãªã„人ã®å‚¾å‘ã¨å¯¾å‡¦æ³•
一方ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå‚¾å‘ã‚’æŒã¤äººã¯ã€Webデザインã®ä»•事ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’感ã˜ã‚„ã™ã„ã‹ã‚‚ã—れã¾ã›ã‚“。
- çŸæ™‚é–“ã§æˆæžœã‚’求ã‚ãŒã¡
- ç´°ã‹ã„調整ã«ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹
- 他人ã®ãƒ•ィードãƒãƒƒã‚¯ã‚’å¦å®šçš„ã«æ‰ãˆãŒã¡
- è‡ªåˆ†ã®æ„見を優先ã—ãŸã„タイプ
ãŸã ã—ã€ã“れらã¯ã€Œå‘ã„ã¦ã„ãªã„ã€ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€å‘ãåˆã„æ–¹ã®å•題ã§ã™ã€‚
例ãˆã°ã€ç´°ã‹ã„作æ¥ãŒè‹¦æ‰‹ã§ã‚‚ã€ç¹°ã‚Šè¿”ã—ã®ä¸ã§æ‰‹é †ã‚’ルーティン化ã™ã‚Œã°è² 担を減らã›ã¾ã™ã—ã€ãƒ•ィードãƒãƒƒã‚¯ãŒè‹¦æ‰‹ã§ã‚‚ã€ç›®çš„を明確ã«ã™ã‚Œã°å—ã‘入れやã™ããªã‚Šã¾ã™ã€‚
苦手ã ã¨æ„Ÿã˜ã‚‹ã®ã¯ä½•ã‚’ã™ã‚‹ã‹ã§ã¯ãªãã€ã©ã†å‘ãåˆã†ã‹ã‹ã‚‚ã—れã¾ã›ã‚“。
è‡ªåˆ†ã®æ€è€ƒã‚„行動ã®ç™–ã‚’ã€åˆ¥ã®è¦–点ã§è¦‹ç›´ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ
Webデザイナーã®å¹´åŽãƒ»åŽå…¥ã®ç›®å®‰
Webデザイナーã¨ã—ã¦åƒã上ã§ã€åŽå…¥é¢ã®ä¸å®‰ã¯å¤šãã®äººãŒæŠ±ãˆã‚‹æ‚©ã¿ã§ã™ã€‚
ã“ã®ç« ã§ã¯ã€æ£ç¤¾å“¡ãƒ»ãƒ•リーランス・副æ¥ãªã©ã€åƒãæ–¹ã”ã¨ã®å¹´åŽã®é•ã„ã‚„ã€åŽå…¥ã‚’伸ã°ã™ãŸã‚ã®å·¥å¤«ã‚’解説ã—ã¾ã™ã€‚自分ã«åˆã£ãŸåƒã方を考ãˆã‚‹ãƒ’ントã¨ã—ã¦æ´»ç”¨ã—ã¦ãã ã•ã„。
æ£ç¤¾å“¡ã¨ãƒ•リーランスã®å¹´åŽæ¯”較
æ£ç¤¾å“¡ã¨ã—ã¦åƒãWebデザイナーã®å¹³å‡å¹´åŽã¯ã€åŽšç”ŸåŠ´åƒçœã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨483.9 万円ã¨ã•れã¦ã„ã¾ã™ã€‚
å‚考:厚生労åƒçœã€€è·æ¥æƒ…å ±æä¾›ã‚µã‚¤ãƒˆã€€job tag
https://shigoto.mhlw.go.jp/User/Occupation/Detail/326
è·æ¥æƒ…å ±æä¾›ã‚µã‚¤ãƒˆã¯ã€ä¸Šå ´ä¼æ¥ã®å¾“æ¥å“¡ãŒèª¿æŸ»å¯¾è±¡ã§ã‚ã‚‹ãŸã‚ã€å®Ÿéš›ã®å¹³å‡å€¤ã‚ˆã‚Šã¯ã‚„や高ã‚ã®é‡‘é¡ãŒç®—出ã•れる傾å‘ãŒã¿ã‚‰ã‚Œã¾ã™ã€‚
一方ã€ãƒ•リーランスã®å ´åˆã¯æ¡ˆä»¶å˜ä¾¡ã‚„ç¨¼åƒæ™‚é–“ã«ã‚ˆã‚Šå¤§ããç•°ãªã‚Šã¾ã™ã€‚
例ãˆã°ã€ãƒãƒŠãƒ¼1æžš3,000円〜1万円ã€Webサイト1ä»¶5万円〜30万円以上ãªã©ã€å¹…ãŒã‚ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚
ã€æ¯”較ã®ãƒã‚¤ãƒ³ãƒˆã€‘
| åƒãæ–¹ | å¹³å‡å¹´åŽ | 安定性 | 自由度 | åŽå…¥ã®ä¼¸ã³ã—ã‚ |
|---|---|---|---|---|
| æ£ç¤¾å“¡ | ç´„400万円 | 高ㄠ| 低゠| é™å®šçš„ |
| フリーランス | 300万〜700万円超 | 低ㄠ| 高ㄠ| 工夫次第ã§åºƒãŒã‚‹ |
æ£ç¤¾å“¡ã¯å®‰å®šæ€§ãŒé«˜ãç¦åˆ©åŽšç”Ÿã‚‚æ•´ã£ã¦ã„ã¾ã™ãŒã€çµ¦ä¸Žãƒ†ãƒ¼ãƒ–ルã«ã‚ˆã£ã¦ä¸Šé™ãŒæ±ºã¾ã‚Šã‚„ã™ã„ã§ã™ã€‚
フリーランスã¯ä¸å®‰å®šãªãŒã‚‰ã‚‚ã€ã‚¹ã‚ルã¨å–¶æ¥åŠ›æ¬¡ç¬¬ã§å¤§ãã伸ã³ã‚‹å¯èƒ½æ€§ãŒã‚りã¾ã™ã€‚
å°†æ¥çš„ã«åœ¨å®…フリーランスを目指ã™å ´åˆã¯ã€ã¾ãšæ£ç¤¾å“¡ã‚„副æ¥ã§çµŒé¨“ã‚’ç©ã¿ã¤ã¤ã€è‡ªåˆ†ã®ã‚¹ã‚ルやå˜ä¾¡ã®ç›¸å ´ã‚’把æ¡ã™ã‚‹ã®ãŒå®‰å…¨ãªé¸æŠžã§ã™ã€‚
åŽå…¥ã‚’上ã’ã‚‹ãŸã‚ã«å¿…è¦ãªã‚¹ã‚ルや工夫
åŽå…¥ã‚’増やã™ãŸã‚ã«ã¯ã€å˜ä¾¡äº¤æ¸‰ã‚„高å˜ä¾¡æ¡ˆä»¶ã¸ã®ã‚·ãƒ•トãŒé‡è¦ã§ã™ã€‚
ãã®ãŸã‚ã«å½¹ç«‹ã¤ã‚¹ã‚ルや視点ã«ã¯ä»¥ä¸‹ãŒã‚りã¾ã™ã€‚
- Webマーケティングã®çŸ¥è˜ï¼šæˆæžœç‰©ã®ã€ŒåŠ¹æžœã€ã«è¨€åŠã§ãã‚‹ã¨ä¾¡å€¤ãŒä¸ŠãŒã‚‹
- UI/UXã®åŸºç¤Žç†è§£ï¼šå˜ãªã‚‹è£…飾ã§ãªãã€æˆæžœã«ã¤ãªãŒã‚‹è¨è¨ˆãŒã§ãã‚‹
- ææ¡ˆåŠ›ãƒ»ãƒ’ã‚¢ãƒªãƒ³ã‚°åŠ›ï¼šç›¸æ‰‹ã®èª²é¡Œã‚’引ã出ã—ã€è§£æ±ºç–ã¨ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æç¤ºã§ãã‚‹
- 制作スピードã®å‘ä¸Šï¼šç¨¼åƒæ™‚é–“ã‚ãŸã‚Šã®å ±é…¬å˜ä¾¡ã‚’高ã‚られる
ã•らã«ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’å¸¸ã«æœ€æ–°ã«ä¿ã¡ã€éŽåŽ»å®Ÿç¸¾ã‚„æ”¹å–„æˆæžœã‚’見ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã¨ä¿¡é ¼ç²å¾—ã«ã¤ãªãŒã‚Šã¾ã™ã€‚
「ãŸã 作るã€ã‹ã‚‰ã€Œæˆæžœã‚’出ã™ã€ã«æ„è˜ã‚’切り替ãˆã‚‹ã“ã¨ã§ã€åŒã˜ä½œæ¥ã§ã‚‚å ±é…¬ã®æ¡ãŒå¤‰ã‚ã‚‹ã“ã¨ã‚‚ã‚りã¾ã™ã€‚
副æ¥ãƒ»åœ¨å®…ワークã®åŽå…¥ã‚¤ãƒ¡ãƒ¼ã‚¸
副æ¥ã‚„在宅ワークã¨ã—ã¦Webデザインを行ã†å ´åˆã€åŽå…¥ã¯æœˆæ•°ä¸‡å††ã€œ10万円å‰å¾ŒãŒç¾å®Ÿçš„ãªãƒ©ã‚¤ãƒ³ã§ã™ã€‚
- ãƒãƒŠãƒ¼1枚:3,000〜5,000円
- 簡易LP:2万〜5万円
- SNS用テンプレート一å¼ï¼š1万〜2万円
案件ã¯ã‚¯ãƒ©ã‚¦ãƒ‰ã‚½ãƒ¼ã‚·ãƒ³ã‚°ã‚„知人経由ã§å—ã‘るケースãŒå¤šãã€å˜ä¾¡ã‚„æ¡ä»¶ã¯æ¡ˆä»¶ã«ã‚ˆã£ã¦ã¾ã¡ã¾ã¡ã§ã™ã€‚
AIツールやテンプレートを活用ã™ã‚Œã°ã€ä½œæ¥æ™‚é–“ã‚’çŸç¸®ã—ãªãŒã‚‰æ•°ã‚’ã“ãªã™ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ã¾ãŸã€Canvaã‚„Figmaãªã©ã®ãƒ„ールを使ãˆã°ã€æ¯”較的早ãアウトプットを出ã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
ã¨ã¯ã„ãˆã€åœ¨å®…ã§ã®ä»•事ã¯ã€Œæˆæžœã§ä¿¡é ¼ã‚’ç©ã¿ä¸Šã’ã¦ã„ãã€ã‚¹ã‚¿ã‚¤ãƒ«ã«ãªã‚‹ãŸã‚ã€æœ€åˆã¯ä½Žå˜ä¾¡ã§ã‚‚実績をã¤ãã‚‹æ„è˜ãŒé‡è¦ã§ã™ã€‚
ã‚ãªãŸãŒç›®æŒ‡ã™ç”Ÿæ´»ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€Œæœˆ5万円ã®å‰¯åŽå…¥ã€ã‹ã€Œæœˆ30万円ã®ç‹¬ç«‹ã€ã‹ï¼Ÿ
ゴール次第ã§å¦ã¶ã¹ãスã‚ãƒ«ã‚„å–¶æ¥æˆ¦ç•¥ã‚‚変ã‚りã¾ã™ã€‚今ã®ç›®çš„ã«ç…§ã‚‰ã—ã¦ã€åŽå…¥ã®æœŸå¾…値を整ç†ã—ã¦ãŠãã¾ã—ょã†ã€‚
未経験ã‹ã‚‰Webデザイナーã«ãªã‚‹æ–¹æ³•
「経験ãŒãªã„ã‹ã‚‰ç„¡ç†ãã†ã€ã¨æ€ã£ã¦ã—ã¾ã†ã®ã¯å½“ç„¶ã§ã™ã€‚
ã§ã™ãŒã€Webデザイナーã¯ç‹¬å¦ã‚„スã‚ル習得ã«ã‚ˆã£ã¦ã‚ャリアãƒã‚§ãƒ³ã‚¸ã—ã‚„ã™ã„è·ç¨®ã§ã‚‚ã‚りã¾ã™ã€‚
ã“ã®ç« ã§ã¯ã€æœªçµŒé¨“者ãŒã©ã®ã‚ˆã†ã«å¦ã³ã€ä»•事ã«ã¤ãªã’ã¦ã„ãã®ã‹ã€ãã®ç¾å®Ÿçš„ãªã‚¹ãƒ†ãƒƒãƒ—を解説ã—ã¾ã™ã€‚
å¦ç¿’ステップã®å…¨ä½“åƒã¨ç›®å®‰æœŸé–“
未経験ã‹ã‚‰Webデザインをå¦ã¶ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¹ãƒ†ãƒƒãƒ—ã‚’è¸ã‚€ã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚
- 基本ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’å¦ã¶ï¼ˆé…色ã€ä½™ç™½ã€ãƒ•ォントãªã©ï¼‰
- ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã«æ…£ã‚Œã‚‹ï¼ˆFigmaã€Photoshopã€Canvaãªã©ï¼‰
- HTML/CSSã®åŸºç¤Žã‚’ç†è§£ã™ã‚‹ï¼ˆã‚³ãƒ¼ãƒ‰ã®ä»•組ã¿ã‚’把æ¡ï¼‰
- 模写・トレースã§ã‚¢ã‚¦ãƒˆãƒ—ットを増やã™
- ãƒãƒ¼ãƒˆãƒ•ォリオを作æˆã™ã‚‹
- SNSやクラウドソーシングã§ç™ºä¿¡ãƒ»æ¡ˆä»¶ç²å¾—ã«æŒ‘戦ã™ã‚‹
å¦ç¿’期間ã¯é€±10時間å‰å¾Œã®å¦ç¿’ã§3〜6ã‹æœˆãŒç›®å®‰ã§ã™ã€‚
ã“れã«ã‚ˆã‚Šã€åŸºæœ¬çš„ãªãƒãƒŠãƒ¼åˆ¶ä½œã‚„LPãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¡ˆä»¶ã«å¯¾å¿œã§ãるレベルã«é”ã—ã¾ã™ã€‚
ã‚‚ã¡ã‚ã‚“ã€åƒããªãŒã‚‰ãƒ»è‚²å…ã—ãªãŒã‚‰ã®å¦ç¿’ã§ã¯ç„¡ç†ã®ãªã„ペースãŒå¤§å‰æã€‚
完璧を目指ã•ãšã€ã§ãã‚‹ã“ã¨ã‚’å¢—ã‚„ã™æ„è˜ãŒå¤§åˆ‡ã§ã™ã€‚
「ã„ã¤ã¾ã§ã«ä½•ã‚’ã§ãるよã†ã«ã—ãŸã„ã‹ï¼Ÿã€
明確ãªã‚´ãƒ¼ãƒ«è¨å®šãŒã€å¦ç¿’ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã¨ç¶™ç¶šåŠ›ã«ã¤ãªãŒã‚Šã¾ã™ã€‚
ãŠã™ã™ã‚ã®å¦ç¿’手段(独å¦ï¼ã‚¹ã‚¯ãƒ¼ãƒ«ï¼‰
å¦ç¿’方法ã«ã¯ç‹¬å¦ã¨ã‚¹ã‚¯ãƒ¼ãƒ«ãƒ»è¬›åº§ã®å¤§ãã2種類ãŒã‚りã¾ã™ã€‚
ãれãžã‚Œã®ç‰¹å¾´ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚
| å¦ç¿’方法 | メリット | 注æ„点 |
|---|---|---|
| ç‹¬å¦ | 費用ãŒå®‰ã„ï¼è‡ªç”±ãªãƒšãƒ¼ã‚¹ | 挫折ã—ã‚„ã™ã„ï¼ä½“系的ç†è§£ãŒé›£ã—ã„ |
| スクール | カリã‚ãƒ¥ãƒ©ãƒ ã«æ²¿ã£ã¦å¦ã¹ã‚‹ï¼è³ªå•ã§ãã‚‹ | 費用ãŒé«˜ã„ï¼è‡ªèµ°åŠ›ãŒèº«ã«ã¤ãã«ãã„å ´åˆã‚‚ |
副æ¥ã‚„フリーランスを目指ã™å ´åˆã¯ã€æœ€åˆã¯ç‹¬å¦ã§åŸºç¤Žã‚’掴ã¿ã€ãã®å¾Œã‚¹ã‚¯ãƒ¼ãƒ«ã§ä½“系的ã«å¦ã¶ã®ã‚‚効果的ã§ã™ã€‚
YouTube・Udemy・Schooãªã©ã¯è²»ç”¨ã‚’抑ãˆãªãŒã‚‰å¦ã¹ã‚‹æ•™æãŒè±Šå¯Œã«ã‚りã¾ã™ã€‚
ã¾ãŸã€æœ€è¿‘ã§ã¯ä¸»å©¦ã‚„åƒããªãŒã‚‰å¦ã¶æ–¹å‘ã‘ã®çŸæœŸé›†ä¸åž‹ã‚¹ã‚¯ãƒ¼ãƒ«ã‚‚増ãˆã¦ã„ã¾ã™ã€‚
「自分ãŒç¶šã‘ã‚„ã™ã„å¦ã³æ–¹ã¯ä½•ã‹ï¼Ÿã€ã‚’見極ã‚ã‚‹ã“ã¨ãŒã€ç¿’å¾—ã®è¿‘é“ã«ãªã‚Šã¾ã™ã€‚
ãƒãƒ¼ãƒˆãƒ•ォリオã®ä½œã‚Šæ–¹ã¨ç™ºä¿¡æ³•
ãƒãƒ¼ãƒˆãƒ•ォリオã¯ã€ã‚¹ã‚ルを証明ã™ã‚‹å刺ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚
未経験ã§ã‚ã£ã¦ã‚‚ã€ä½œä¾‹ã‚’ã¾ã¨ã‚ã‚‹ã ã‘ã§ã€Œã©ã“ã¾ã§ã§ãã‚‹ã‹ã€ã‚’相手ã«ä¼ãˆã‚‰ã‚Œã¾ã™ã€‚
- 自己紹介ã¨ã‚¹ã‚ル概è¦
- 制作ã—ãŸãƒãƒŠãƒ¼ãƒ»LPãªã©ã®å®Ÿç¸¾ï¼ˆãƒˆãƒ¬ãƒ¼ã‚¹å«ã‚€ï¼‰
- 制作æ„図やデザインã®å·¥å¤«ç‚¹ã®èª¬æ˜Ž
- ツール・期間・対応内容ãªã©ã®è©³ç´°æƒ…å ±
発信方法ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ‰‹æ®µãŒã‚りã¾ã™ï¼š
- Notionã‚„Googleスライドを使ã£ã¦ç„¡æ–™ã§ã¾ã¨ã‚ã‚‹
- ç„¡æ–™ãƒãƒ¼ãƒˆãƒ•ォリオサービス(foriioãªã©ï¼‰ã‚’利用ã™ã‚‹
- SNS(Xã‚„Instagram)ã§åˆ¶ä½œç‰©
Webデザイナーã«å¿…è¦ãªã‚¹ã‚ルã¨è³‡æ ¼
Webデザイナーã¨ã—ã¦ä»•事をã™ã‚‹ã«ã¯ã€ã©ã®ã‚ˆã†ãªã‚¹ã‚ルãŒå¿…è¦ãªã®ã§ã—ょã†ã‹ï¼Ÿ
ã“ã®ç« ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã‹ã‚‰ãƒ„ールã®ä½¿ã„æ–¹ã€åŸºç¤Žçš„ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã•らã«å½¹ç«‹ã¤è³‡æ ¼ã¾ã§ã‚’3ã¤ã®è»¸ã§æ•´ç†ã—ã¾ã™ã€‚
基礎デザインスã‚ルã¨ãƒ„ールæ“作
ã¾ãšèº«ã«ã¤ã‘ãŸã„ã®ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã¨ãれを実ç¾ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã®æ“作ã§ã™ã€‚
ãƒ‡ã‚¶ã‚¤ãƒ³æœªçµŒé¨“ã®æ–¹ã§ã‚‚ã€ãƒ«ãƒ¼ãƒ«ã‚„パターンをå¦ã¶ã“ã¨ã§ã‚»ãƒ³ã‚¹ã«é ¼ã‚‰ãšå½¢ã«ã™ã‚‹åŠ›ãŒã¤ãã¾ã™ã€‚
✅必è¦ãªåŸºç¤Žã‚¹ã‚ル
- ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼ˆä½™ç™½ã€æ•´åˆ—ã€è¦–線誘導)
- é…色(補色ã€ãƒˆãƒ¼ãƒ³ã€ãƒ–ランドカラー)
- フォントã®é¸å®šã¨éšŽå±¤ã¥ã‘
- è¦–èªæ€§ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã®é…æ…®
ã“れらã®çŸ¥è˜ã‚’ベースã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ„ールをæ“作ã§ãã‚‹ã“ã¨ãŒæ±‚ã‚られã¾ã™ã€‚
| ツールå | 用途 | 特徴 |
|---|---|---|
| Figma | UIデザイン | ç„¡æ–™ã§ã‚‚使ãˆã‚‹ãƒ»å…±åŒç·¨é›†ã«å¼·ã„ |
| Photoshop | ç”»åƒç·¨é›† | プãƒã®ç¾å ´ã§ã‚‚使用率ãŒé«˜ã„ |
| Illustrator | ãƒã‚´ãƒ»ã‚¢ã‚¤ã‚³ãƒ³åˆ¶ä½œ | ベクター画åƒãŒå¾—æ„ |
| Canva | åˆå¿ƒè€…å‘ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ | ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè±Šå¯Œãƒ»ãƒ–ãƒ©ã‚¦ã‚¶å®Œçµ |
åˆå¿ƒè€…ã®å ´åˆã¯ã¾ãšCanvaã‚„Figmaã‹ã‚‰æ…£ã‚Œã€å¿…è¦ã«å¿œã˜ã¦Photoshopã‚„Illustratorã«ç§»è¡Œã™ã‚‹ã®ãŒè² æ‹…ã®å°‘ãªã„ルートã§ã™ã€‚
「センスãŒãªã„ã€ã¨æ€ã£ã¦ã„る人ã»ã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•組ã¿ã‚’å¦ã¶ã¨ä¸–界ãŒå¤‰ã‚りã¾ã™ã€‚
法則を知れã°ã€èª°ã§ã‚‚一定ã®å“質ã¾ã§ã¯å†ç¾å¯èƒ½ã§ã™ã€‚
HTML/CSSãªã©ã®åŸºç¤Žã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
Webãƒ‡ã‚¶ã‚¤ãƒ³ã«æºã‚る以上ã€Webã®æ§‹é€ や基本的ãªã‚³ãƒ¼ãƒ‰ã®ä»•組ã¿ã‚’ç†è§£ã—ã¦ãŠãã“ã¨ã¯å¤§åˆ‡ã§ã™ã€‚
- HTML:Webページã®éª¨çµ„ã¿ï¼ˆè¦‹å‡ºã—ã€æ®µè½ã€ç”»åƒãªã©ï¼‰
- CSS:見ãŸç›®ã‚’æ•´ãˆã‚‹ï¼ˆè‰²ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ï¼‰
特ã«åœ¨å®…ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚„å‰¯æ¥æ¡ˆä»¶ã§ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ï¼‹ç°¡å˜ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã¾ã§æ±‚ã‚られるã“ã¨ãŒå¤šã„ãŸã‚ã€åŸºæœ¬æ§‹æ–‡ã¯èªã‚る・書ã‘ã‚‹çŠ¶æ…‹ãŒæœ›ã¾ã—ã„ã§ã™ã€‚
ã•らã«ã‚¹ã‚ルアップを目指ã™ãªã‚‰ã€ä»¥ä¸‹ã‚‚検討ã§ãã¾ã™ã€‚
- JavaScript:動ãã®ã‚る演出やフォーム制御
- WordPress:ä¸å°ä¼æ¥ã‚„å€‹äººã‚µã‚¤ãƒˆã®æ§‹ç¯‰ãƒ‹ãƒ¼ã‚ºãŒé«˜ã„
ãŸã ã—ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè‹¦æ‰‹ã§ã‚‚ãƒãƒ¼ãƒ 作æ¥ã§åˆ†æ¥ã§ãã‚‹ã“ã¨ã‚‚多ã„ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸã„å ´åˆã¯ã€Œæœ€ä½Žé™ã®ç†è§£ï¼‹ä»–è·ç¨®ã¨ã®é€£æºã€ãŒã§ãれã°å分ã§ã™ã€‚
役立ã¤è³‡æ ¼ã¨æ³¨æ„点
Webデザイナーã«ãªã‚‹ã®ã«å¿…é ˆã®è³‡æ ¼ã¯ã‚りã¾ã›ã‚“。
ãŸã ã—ã€ã‚¹ã‚ルã®è¨¼æ˜Žã‚„モãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ç¶æŒã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè³‡æ ¼ã¯æœ‰åйã§ã™ã€‚
| è³‡æ ¼å | 種類 | 特徴 |
|---|---|---|
| ウェブデザイン技能検定 | å›½å®¶è³‡æ ¼ | å°±è·ãƒ»è»¢è·æ™‚ã«ã‚¢ãƒ”ールå¯èƒ½ |
| Webクリエイター能力èªå®šè©¦é¨“ | æ°‘é–“è³‡æ ¼ | 基本æ“作やレイアウトã®çŸ¥è˜ã‚’証明 |
| HTML5プãƒãƒ•ェッショナルèªå®š | æ°‘é–“è³‡æ ¼ | コーディングスã‚ルã®å®¢è¦³çš„証明 |
| アドビèªå®šãƒ—ãƒãƒ•ェッショナル | æ°‘é–“è³‡æ ¼ | Photoshop/Illustratorã®æ“作力をèªå®š |
è³‡æ ¼å–å¾—ã«ã“ã ã‚りã™ãŽã‚‹ã¨å®Ÿè·µçµŒé¨“ãŒå¾Œå›žã—ã«ãªã‚‹æã‚Œã‚‚ã‚ã‚‹ãŸã‚ã€åˆ¶ä½œç‰©ã®è³ªã¨ã®ãƒãƒ©ãƒ³ã‚¹ãŒå¤§åˆ‡ã§ã™ã€‚
「ã‚ãªãŸãŒè³‡æ ¼ã§å¾—ãŸã„ã®ã¯ã€ã‚¹ã‚ルã®è¨¼æ˜Žï¼Ÿè‡ªä¿¡ï¼Ÿãれã¨ã‚‚ã‚ャリアã®é“ã—ã‚‹ã¹ï¼Ÿã€
目的を明確ã«ã™ã‚Œã°ã€è³‡æ ¼ã«æŒ¯ã‚Šå›žã•れるã“ã¨ã¯ã‚りã¾ã›ã‚“。
é“具を増やã—ã¦ã‚‚ã€ç‰‡ã¥ã‹ãªã„ã¨æ„Ÿã˜ãŸã‚‰
自分ã®ä»•事をAIã§çµ„ã¿ç›´ã—ã¦ã„る途ä¸çµŒéŽã‚’ã€é€±1回ãŠé€ã‚Šã—ã¦ã„ã¾ã™ã€‚ã†ã¾ãã„ã£ãŸæ•°å—ã‚‚ã€å£Šã‚ŒãŸè©±ã‚‚ã€ãã®ã¾ã¾æ›¸ã„ã¦ã„ã¾ã™ã€‚
登録ã¯ç„¡æ–™ã§ã™ã€‚5日間ã®ãƒ¡ãƒ¼ãƒ«é…信後ã¯é€±1回ã«åˆ‡ã‚Šæ›¿ã‚りã€ã„ã¤ã§ã‚‚解除ã§ãã¾ã™ã€‚
Webデザイナーã®åƒãæ–¹ã¨æ±‚äººã®æŽ¢ã—æ–¹
Webデザイナーã®åƒãæ–¹ã¯å¤šæ§˜åŒ–ã—ã¦ã„ã¾ã™ã€‚
æ£ç¤¾å“¡ã‚„ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã€æ¥å‹™å§”託ã€å‰¯æ¥ãªã©ã€ãƒ©ã‚¤ãƒ•スタイルや目的ã«å¿œã˜ãŸé¸æŠžè‚¢ãŒã‚りã¾ã™ã€‚
ã“ã®ç« ã§ã¯ã€ãれãžã‚Œã®åƒãæ–¹ã®ç‰¹å¾´ã‚„ã€æ±‚人・案件ã®è¦‹ã¤ã‘方を整ç†ã—ã¾ã™ã€‚
雇用形態ã”ã¨ã®é•ã„ã¨é¸ã³æ–¹
Webデザイナーã®åƒãæ–¹ã¯ä¸»ã«ä»¥ä¸‹ã®4ã¤ã«åˆ†ã‹ã‚Œã€ãれãžã‚Œã«ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚りã¾ã™ã€‚
| åƒãæ–¹ | æ¦‚è¦ | メリット | デメリット |
|---|---|---|---|
| æ£ç¤¾å“¡ | 伿¥ã«æ‰€å±žã—ã€å®‰å®šã—ãŸçµ¦ä¸Žã¨ç¦åˆ©åŽšç”ŸãŒã‚ã‚‹ | 安定åŽå…¥ï¼ãƒãƒ¼ãƒ ã§å¦ã¹ã‚‹ | åƒãæ–¹ã®è‡ªç”±åº¦ãŒä½Žã„ |
| 契約社員・æ¥å‹™å§”託 | プãƒã‚¸ã‚§ã‚¯ãƒˆå˜ä½ã§å¥‘ç´„ã—ã€è‡ªç«‹æ€§ãŒé«˜ã„ | çŸæœŸé›†ä¸ï¼å°‚門性を活ã‹ã›ã‚‹ | 契約終了後ã®ä¸å®‰å®šã• |
| フリーランス | 完全ã«ç‹¬ç«‹ã—ã€å–¶æ¥ãƒ»è«‹æ±‚・ç´å“ã¾ã§è‡ªåˆ†ã§ç®¡ç† | æ™‚é–“ãƒ»å ´æ‰€ã®è‡ªç”±ï¼å˜ä¾¡äº¤æ¸‰å¯ | å–¶æ¥ãƒ»ç¨Žå‹™ã®è² æ‹…ãŒã‚ã‚‹ |
| 副æ¥ãƒ»ãƒ‘ラレルワーク | 本æ¥ã¨ä¸¦è¡Œã—ã¦ã€æ¡ˆä»¶ã‚’å—ã‘ã‚‹ | リスク分散ï¼å®Ÿç¸¾ä½œã‚Šã«æœ€é© | 時間確ä¿ãŒèª²é¡Œã«ãªã‚‹ |
自分ãŒä½•を優先ã—ãŸã„ã‹ï¼ˆå®‰å®šãƒ»è‡ªç”±ãƒ»æˆé•·ï¼‰ã‚’明確ã«ã—ã€æ®µéšŽçš„ã«ã‚ャリアを切り替ãˆã¦ã„ãã“ã¨ã‚‚é¸æŠžè‚¢ã®ä¸€ã¤ã§ã™ã€‚
「ã„ã¤ã‹ã¯ç‹¬ç«‹ã—ãŸã„ã‘れã©ã€ä»Šã¯å®‰å®šã‚‚å¿…è¦ã€
ãã‚“ãªã¨ãã¯â€œå‰¯æ¥â†’æ¥å‹™å§”託→フリーランスâ€ã®æ®µéšŽã‚¹ãƒ†ãƒƒãƒ—を視野ã«å…¥ã‚Œã‚‹ã®ã‚‚賢明ãªé¸æŠžã§ã™ã€‚
在宅・副æ¥ã§ã®åƒãæ–¹ã®ãƒªã‚¢ãƒ«
在宅ワークã¨ã—ã¦ã®Webデザインã¯ã€ç‰¹ã«å育ã¦ä¸ã®æ–¹ã‚„地方在ä½è€…ã«äººæ°—ãŒã‚りã¾ã™ã€‚メリットã¨ã—ã¦ã¯ã€é€šå‹¤ãŒä¸è¦ã§æ™‚é–“ã®ä½¿ã„æ–¹ãŒæŸ”軟ã«ãªã‚‹ç‚¹ãŒæŒ™ã’られã¾ã™ã€‚
ãŸã ã—ã€åœ¨å®…ã§åƒãå ´åˆã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªèª²é¡Œã‚‚å˜åœ¨ã—ã¾ã™ã€‚
- 仕事ã¨å®¶äº‹ãƒ»è‚²å…ã®å¢ƒç›®ãŒã‚ã„ã¾ã„ã«ãªã‚Šã‚„ã™ã„
- å¤ç‹¬æ„Ÿã‚„自己管ç†ã®é›£ã—ã•ãŒã‚ã‚‹
- クライアントã¨ã®é€£çµ¡ã‚„ç´æœŸç®¡ç†ã‚’ã™ã¹ã¦è‡ªåˆ†ã§è¡Œã†å¿…è¦ãŒã‚ã‚‹
ãれã§ã‚‚ã€æ…£ã‚Œã¦ãã‚‹ã¨ç”Ÿæ´»ãƒªã‚ºãƒ を自分ã§çµ„ã¿ç«‹ã¦ã‚„ã™ããªã‚Šã€ä»•事ã®ã—ã‚„ã™ã•を実感ã™ã‚‹æ–¹ãŒå¤šã„ã®ã‚‚事実ã§ã™ã€‚
実際ã«ã€å°ã•ãªãŠåã•んを育ã¦ãªãŒã‚‰ã€åˆå‰ä¸ã«ä½œæ¥â†’åˆå¾Œã¯åã©ã‚‚ã¨éŽã”ã™ã¨ã„ã†ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã§åƒã„ã¦ã„る方もã„ã¾ã™ã€‚
「自分ã®ç†æƒ³ã®1æ—¥ã®ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã‚’æã„ã¦ã¿ã‚‹ã¨ã€ã©ã®åƒãæ–¹ãŒæœ€é©ã‹ãŒè¦‹ãˆã¦ãã‚‹ã‹ã‚‚ã—れã¾ã›ã‚“。
æ±‚äººãƒ»æ¡ˆä»¶ã®æŽ¢ã—æ–¹ã¨æ³¨æ„点
Webデザイナーã¨ã—ã¦ã®ä»•äº‹ã‚’æŽ¢ã™æ–¹æ³•ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«å¤šå²ã«ã‚ãŸã‚Šã¾ã™ã€‚
- 転è·ã‚µã‚¤ãƒˆï¼ˆãƒžã‚¤ãƒŠãƒ“ã€Greenã€Wantedly ãªã©ï¼‰
- クラウドソーシング(ココナラã€ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ã€ãƒ©ãƒ³ã‚µãƒ¼ã‚ºï¼‰
- SNSã§ã®ç™ºä¿¡â†’DMや紹介経由ã§ã®ä¾é ¼
- ãƒãƒ¼ãƒˆãƒ•ォリオ掲載サイト(foriioã€Behance ãªã©ï¼‰
- ã‚¹ã‚¯ãƒ¼ãƒ«å’æ¥ç”Ÿé™å®šã®æ±‚人紹介サービス
注æ„点ã¨ã—ã¦ã€ã‚¯ãƒ©ã‚¦ãƒ‰ã‚½ãƒ¼ã‚·ãƒ³ã‚°ã¯ä½Žå˜ä¾¡æ¡ˆä»¶ãŒå¤šãã€ä¾¡æ ¼ç«¶äº‰ã«å·»ãè¾¼ã¾ã‚Œã‚„ã™ã„ã¨ã„ã†å´é¢ã‚‚ã‚りã¾ã™ã€‚
ãã®ãŸã‚ã€æœ€åˆã¯å®Ÿç¸¾ä½œã‚Šã«æ´»ç”¨ã—ã¤ã¤ã€å¾ã€…ã«æ¡ä»¶ã®ã‚ˆã„案件ã¸ã¨ç§»è¡Œã—ã¦ã„ãã®ãŒç¾å®Ÿçš„ã§ã™ã€‚
案件ã«å¿œå‹Ÿã™ã‚‹éš›ã¯ã€å ±é…¬ãƒ»ç´æœŸãƒ»ä¿®æ£å¯¾å¿œã®æœ‰ç„¡ãªã©ã‚’明確ã«ç¢ºèªã—ã¾ã—ょã†ã€‚
トラブルを防ããŸã‚ã«ã¯ã€å¥‘約書やæ¥å‹™å§”託書ã®ç· çµã‚‚é‡è¦ã§ã™ã€‚
Webデザイナーã®ä»•事ã¨è‚²å…や副æ¥ã¨ä¸¡ç«‹ã™ã‚‹ãŸã‚ã®å·¥å¤«
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯æ™‚é–“ã‚„å ´æ‰€ã«ã¨ã‚‰ã‚れãšåƒã‘ã‚‹åé¢ã€è‚²å…や本æ¥ã¨ã®ä¸¡ç«‹ãŒã†ã¾ãã„ã‹ãªã„ã¨ã€å¿ƒèº«ã¨ã‚‚ã«è² æ‹…ãŒå¢—ãˆã¦ã—ã¾ã„ã¾ã™ã€‚
ã“ã®ç« ã§ã¯ã€åœ¨å®…ã§ã®ä»•事を無ç†ãªãç¶šã‘ã‚‹ãŸã‚ã®å·¥å¤«ã‚„ã€ä»•事を得るãŸã‚ã®æº–å‚™ã®ã‚³ãƒ„を紹介ã—ã¾ã™ã€‚
スケジュール管ç†ã¨å¦ç¿’ã®ç¶šã‘æ–¹
育å…や本æ¥ã¨ã®ä¸¡ç«‹ã«ã¯ã€é™ã‚‰ã‚ŒãŸæ™‚é–“ã‚’ã©ã†ä½¿ã†ã‹ãŒãƒã‚¤ãƒ³ãƒˆã¨ãªã‚Šã¾ã™ã€‚
- æœã‹å¤œãªã©ã€Œé›†ä¸ã—ã‚„ã™ã„時間帯ã€ã‚’固定ã™ã‚‹
- 家事や育å…ã®åˆé–“ã«ã§ãる“15分å˜ä½â€ã®ã‚¿ã‚¹ã‚¯ã‚’用æ„ã™ã‚‹
- 週å˜ä½ã§ã€Œã‚„ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã€ã¨ã€Œã‚„れãŸã“ã¨ãƒã‚°ã€ã‚’併用ã™ã‚‹
- åã©ã‚‚ã®æ˜¼å¯ãƒ»å°±å¯æ™‚間を“ゴールデンタイムâ€ã¨ã—ã¦æ´»ç”¨ã™ã‚‹
継続ã®ã‚³ãƒ„ã¯ã€ã€Œæ¯Žæ—¥ã‚„ã‚‹ã€ã‚ˆã‚Šã€Œã‚„らãªã„æ—¥ãŒç¶šã‹ãªã„仕組ã¿ã€ã‚’作るã“ã¨ã§ã™ã€‚
å¦ç¿’ã‚„æ¡ˆä»¶å¯¾å¿œã®æ™‚é–“ã¯ã€é€±å˜ä½ã§ã®è‡ªå·±è©•ä¾¡ã¨æŒ¯ã‚Šè¿”りを通ã˜ã¦èª¿æ•´ã—ã¦ã„ãã¨è² æ‹…ãŒè»½ããªã‚Šã¾ã™ã€‚
育å…ä¸ã®æ–¹ã«ã¯ã€ãƒãƒ¢ãƒ‰ãƒ¼ãƒãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„Notionãªã©ã‚’使ã£ãŸæ™‚é–“å¯è¦–化ツールもãŠã™ã™ã‚ã§ã™ã€‚
ãƒãƒ¢ãƒ‰ãƒ¼ãƒãƒ»ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã§è©³ã—ã解説ã—ã¦ã„ã‚‹ã®ã§ã€è©³ã—ã知りãŸã„æ–¹ã¯ãœã²ãƒã‚§ãƒƒã‚¯ã—ã¦ãã ã•ã„。
â–·å‚考記事:
完璧ãª1日よりもã€ç¶šã‘られる1週間を目指ã—ã¾ã—ょã†ã€‚
スã‚ル習得ã¯â€œç”Ÿæ´»ã®ãƒªã‚ºãƒ â€ã¨ã®ç›¸æ€§ã§æ±ºã¾ã‚Šã¾ã™ã€‚
仕事を得るãŸã‚ã®å°ã•ãªå®Ÿç¸¾ã®ç©ã¿æ–¹
「案件ã«å¿œå‹Ÿã—ã¦ã‚‚実績ãŒãªã„ã¨é¸ã°ã‚Œã«ãã„ã€
ãã‚“ãªå£ã‚’è¶…ãˆã‚‹ã«ã¯ã€ä»•事ã®ã‚ˆã†ãªåˆ¶ä½œã‚’コツコツç©ã¿ä¸Šã’ã¦ã„ãæ–¹æ³•ãŒåŠ¹æžœçš„ã§ã™ã€‚
- 架空ã®ãƒãƒŠãƒ¼ã‚„LPを作æˆã—ã¦ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã«æŽ²è¼‰
- 知人ã®ãƒ–ãƒã‚°ã‚„ãŠåº—ã®SNS投稿を無料ã§ãƒ‡ã‚¶ã‚¤ãƒ³
- Instagramã§ä½œå“投稿ã¨åˆ¶ä½œæ„図をセットã§ç™ºä¿¡
- å°ã•ãªã‚³ãƒ³ãƒšã«å¿œå‹Ÿã—ã€ãƒ•ィードãƒãƒƒã‚¯ã‚’å—ã‘ã‚‹
特ã«SNSã§ã¯ã€ã€Œä¸»å©¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã€Œå‰¯æ¥Webデザインã€ãªã©ã®ã‚¿ã‚°ã§è¦‹ã¤ã‘ã¦ã‚‚らã„ã‚„ã™ããªã‚Šã¾ã™ã€‚
自分ã®å¾—æ„や世界観を発信ã—ã¦ã„ãã“ã¨ã§ã€å…±æ„Ÿã‹ã‚‰ä»•事ã«ã¤ãªãŒã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å°‘ãªãã‚りã¾ã›ã‚“。
身近ãªç›¸æ‰‹ã¸ã®1ä»¶ãŒã€æœ€åˆã®å®Ÿç¸¾ã«ãªã‚Šã¾ã™ã€‚
ツールé¸ã³ã‚„æ¥å‹™åŠ¹çŽ‡åŒ–ã®ã‚³ãƒ„
作æ¥ã‚’効率的ã«é€²ã‚ã‚‹ãŸã‚ã«ã¯ã€ãƒ„ールã®é¸å®šã¨æ´»ç”¨ã‚‚æ¬ ã‹ã›ã¾ã›ã‚“。特ã«åœ¨å®…・副æ¥ã§ã¯1人ã§å®Œçµã§ãる環境を整ãˆã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚
ã€ãŠã™ã™ã‚ã®æ¥å‹™åŠ¹çŽ‡åŒ–ãƒ„ãƒ¼ãƒ«ã€‘
| 分野 | ツール例 | 特徴 |
|---|---|---|
| デザイン | Canvaï¼Figma | テンプレãŒè±Šå¯Œãƒ»æ“作ãŒè»½å¿« |
| ç®¡ç† | Notionï¼Trello | ã‚¿ã‚¹ã‚¯ãƒ»é€²è¡Œãƒ»ç´æœŸã®ä¸€å…ƒç®¡ç†ãŒå¯èƒ½ |
| コミュニケーション | Chatworkï¼Slack | クライアントã¨ã®ã‚„りã¨ã‚Šã«ä¾¿åˆ© |
| æå‡ºãƒ»ç´å“ | Google Driveï¼Dropbox | データ共有ã¨ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—を両立 |
特ã«Canvaã¯åˆå¿ƒè€…ã«ã¨ã£ã¦æ‰±ã„ã‚„ã™ãã€æ™‚çŸã«ã¤ãªãŒã‚‹ãŸã‚最åˆã®1æ©ã¨ã—ã¦æœ€é©ã§ã™ã€‚Notionを使ã£ã¦ã€Œå¦ç¿’ãƒã‚°ã€ã‚„「ç´å“スケジュールã€ã‚’見ãˆã‚‹åŒ–ã™ã‚‹ã“ã¨ã§ã€è¤‡æ•°æ¡ˆä»¶ã®åŒæ™‚進行もå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚
Instagramã§ç™ºä¿¡ã—ãŸä½œå“ãŒãã£ã‹ã‘ã§ã€åˆæ¡ˆä»¶ã«ç¹‹ãŒã£ãŸå®Ÿä¾‹ãŒã‚りã¾ã™ã€‚
「仕事をã¤ãã‚‹ã€è¦–点ã§è¡Œå‹•ã™ã‚‹ã“ã¨ã§ã€ã‚¹ã‚ルã¨ç™ºä¿¡ãŒâ€œä¿¡ç”¨â€ã«å¤‰ã‚ã‚‹ã®ã§ã™ã€‚
Webデザイナーã«ã¤ã„ã¦ã‚ˆãã‚る質å•ã¨ã¤ã¾ãšãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ
Webデザイナーを目指ã™éš›ã€èª°ã‚‚ãŒä¸€åº¦ã¯ã¶ã¤ã‹ã‚‹ç–‘å•ã‚„ä¸å®‰ãŒã‚りã¾ã™ã€‚
ã“ã®ç« ã§ã¯ã€ã‚ˆãã‚ã‚‹ã¤ã¾ãšããƒã‚¤ãƒ³ãƒˆã¨ãã®å¯¾å‡¦æ³•ã‚’æ•´ç†ã—ã€å®‰å¿ƒã—ã¦å¦ç¿’・仕事ã«å–り組ã‚る状態をサãƒãƒ¼ãƒˆã—ã¾ã™ã€‚
å¦ç¿’ä¸ã«ã‚ˆãã‚る挫折ãƒã‚¤ãƒ³ãƒˆ
å¦ç¿’ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®é ƒã€å¤šãã®äººãŒã¤ã¾ãšãã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå ´é¢ã§ã™ã€‚
- ãƒ„ãƒ¼ãƒ«ã®æ“作ãŒé›£ã—ãæ„Ÿã˜ã‚‹ï¼ˆä¾‹ï¼šFigmaã‚„Photoshop)
- 「ã©ã“ã¾ã§ã§ãれã°ã„ã„ã®ã‹ã€ãŒåˆ†ã‹ã‚‰ãªã„
- ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæ£è§£ã‹ã©ã†ã‹åˆ¤æ–ã§ããšè‡ªä¿¡ãŒæŒã¦ãªã„
- コードã§è¡¨ç¤ºãŒå´©ã‚Œã¦ä¿®æ£ã«æ™‚é–“ãŒã‹ã‹ã‚‹
- 上手ããªã‚‰ãªã„焦りã‹ã‚‰ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸‹ãŒã‚‹
ã“れらを乗り越ãˆã‚‹ãŸã‚ã«ã¯ã€ã„ããªã‚Šå®Œç’§ã‚’目指ã•ãªã„ã“ã¨ãŒé‡è¦ã§ã™ã€‚
ã‚€ã—ã‚「失敗ã§ãã‚‹ã†ã¡ã«å¤±æ•—ã™ã‚‹ã€ã»ã†ãŒã€ç¾å ´ã§å½¹ç«‹ã¤å®ŸåŠ›ã«ãªã‚Šã¾ã™ã€‚
ã¾ãŸã€ã€Œè‡ªåˆ†ã§ã¯æ°—ã¥ã‘ãªã„ãƒã‚¤ãƒ³ãƒˆã€ã‚’知るãŸã‚ã«ã‚‚ã€ä»–人ã®ãƒ•ィードãƒãƒƒã‚¯ã‚’å—ã‘る機会を早ã‚ã«ä½œã‚‹ã“ã¨ãŒåŠ¹æžœçš„ã§ã™ã€‚
上手ãã„ã‹ãªã„ã¨ãã“ãã€ã€Œè‡ªåˆ†ã«ä½•ãŒè¶³ã‚Šãªã„ã‹ã€ã‚’発見ã™ã‚‹ãƒãƒ£ãƒ³ã‚¹ã§ã™ã€‚失敗ã®è¨˜éŒ²ã“ãã€å®ŸåŠ›ã®è¨¼ã«ãªã‚Šã¾ã™ã€‚
æ¡ˆä»¶å—æ³¨ã§ã‚ˆãã‚るミス
åˆã‚ã¦ä»•事をå—ã‘ã‚‹ã¨ãã«ã‚‚ã€æ°—ã‚’ã¤ã‘ãŸã„ãƒã‚¤ãƒ³ãƒˆãŒã„ãã¤ã‹ã‚りã¾ã™ã€‚
- ç´æœŸã«é–“ã«åˆã‚ãšä¿¡é ¼ã‚’失ã£ã¦ã—ã¾ã†
- 曖昧ãªã¾ã¾ä½œæ¥ã‚’進ã‚ã¦ã—ã¾ã„ã€ã‚„り直ã—ãŒç™ºç”Ÿã™ã‚‹
- 「修æ£ã¯ä½•回ã¾ã§ã‹ã€ãªã©ã®æ¡ä»¶ã‚’決ã‚ã¦ã„ãªã„
- ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ„図を説明ã§ããšã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨å™›ã¿åˆã‚ãªã„
- 安ã™ãŽã‚‹æ¡ˆä»¶ã‚’é¸ã³ã™ãŽã¦ç–²å¼Šã™ã‚‹
ã“れらã¯ã€äº‹å‰ã®æº–å‚™ã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã»ã¼é˜²ã’ã¾ã™ã€‚
特ã«ã€ã€Œç´å“イメージを最åˆã«å…±æœ‰ã™ã‚‹ã€ã€Œã‚„ã‚‹ã¹ã範囲を明確ã«ã™ã‚‹ã€ã“ã¨ã¯éžå¸¸ã«å¤§åˆ‡ã§ã™ã€‚
ä»•äº‹ã«æ…£ã‚Œã¦ã„ãªã„ã†ã¡ã¯ã€ãƒ†ãƒ³ãƒ—レート化ã•れãŸé€²è¡Œæ‰‹é †ã‚„見ç©ã‚‚り表を用æ„ã—ã¦ãŠãã¨ã€ãƒŸã‚¹ã‚’最å°é™ã«æŠ‘ãˆã‚‰ã‚Œã¾ã™ã€‚
ä»–è·ç¨®ã¨æ¯”較ã—ãŸå¼·ã¿ã¨å¼±ã¿
Webデザイナーã«ã¯ã€ä»–è·ç¨®ã«ã¯ãªã„特有ã®å¼·ã¿ãŒã‚りã¾ã™ã€‚
| 分類 | 内容 |
|---|---|
| å¼·ã¿ | ãƒ»æˆæžœç‰©ãŒã€Œè¦‹ãˆã‚‹å½¢ã€ã§æ®‹ã‚‹ ・フリーランスや副æ¥ã§ã‚‚案件を得やã™ã„ ・SNSé‹ç”¨ã‚„動画編集ãªã©ã€ä»–åˆ†é‡Žã«æ¨ªå±•é–‹ã—ã‚„ã™ã„ |
| 弱㿠| ・å¦ç¿’やスã‚ルã®ç¿’å¾—ã«ä¸€å®šã®æ™‚é–“ãŒå¿…è¦ ãƒ»ä»•äº‹é‡ã‚„åŽå…¥ãŒä¸å®‰å®šã«ãªã‚Šã‚„ã™ã„ ãƒ»æˆæžœç‰©ã«å¯¾ã™ã‚‹ã€Œä¸»è¦³çš„ãªè©•価ã€ãŒå¤šãã€æº€è¶³åº¦ã®å·®ãŒå‡ºã‚„ã™ã„ |
ãŸã ã—ã€ã“れらã®å¼±ç‚¹ã¯ã‚¹ã‚ルや経験ã§å¾ã€…ã«ã‚«ãƒãƒ¼å¯èƒ½ã§ã™ã€‚
ã¾ãŸã€AIやツールã®é€²åŒ–ã«ã‚ˆã‚Šã€éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚表ç¾ã§ãã‚‹å¹…ã¯ç€å®Ÿã«åºƒãŒã£ã¦ã„ã‚‹ãŸã‚ã€å®Œå…¨ã«è¿½ã„ã¤ã‘ãªã„状æ³ã«ã¯ãªã‚Šã«ãããªã£ã¦ã„ã¾ã™ã€‚
ã‚ãªãŸãŒWebデザインã«èˆˆå‘³ã‚’æŒã£ãŸã®ã¯ã€ã€Œä½•ã‚’ã¤ãã£ã¦ã¿ãŸã„ã€ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã‹ï¼Ÿ
ãã®æƒ³ã„ãŒã€ã‚ãªãŸãªã‚‰ã§ã¯ã®â€œå¼·ã¿ã®åŽŸç‚¹â€ã‹ã‚‚ã—れã¾ã›ã‚“。
Webデザイナーã¯ã¾ãšä½•ã‹ã‚‰å§‹ã‚れã°ã„ã„ã‹
å¦ã¶ã¹ãã“ã¨ã‚„é¸æŠžè‚¢ãŒå¤šãã¦ã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ã¤ã‘れã°ã‚ˆã„ã®ã‹åˆ†ã‹ã‚‰ãªã„
──ãã‚“ãªçŠ¶æ…‹ã§ã¯ã€æœ€åˆã®ä¸€æ©ã™ã‚‰è¸ã¿å‡ºã—ã¥ã‚‰ããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚
ã“ã®ç« ã§ã¯ã€ã€Œã¾ãšä½•ã‚’ã™ã‚Œã°ã„ã„ã®ã‹ï¼Ÿã€ã‚’具体的ã«ç¤ºã—ã€å°ã•ãªè¡Œå‹•ã«ã¤ãªã’ã¦ã„ãã¾ã™ã€‚
今日ã‹ã‚‰å§‹ã‚られる準備リスト
最åˆã®ä¸€æ©ã¯ã€ã§ãã‚‹ã“ã¨ã‚’1ã¤æ±ºã‚ã¦ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã§ã™ã€‚
以下ã®ã‚ˆã†ãªæº–å‚™ã¯ã€ä»Šæ—¥ã‹ã‚‰ã§ã‚‚ã™ãã«å–りã‹ã‹ã‚Œã¾ã™ã€‚
✅Webデザイナーã¨ã—ã¦æœ€åˆã«ã§ãã‚‹ã“ã¨
- Canvaã‚„Figmaãªã©ã€ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ールã«ç™»éŒ²ã™ã‚‹
- 「Webデザイナー åˆå¿ƒè€…ã€ã¨ã„ã£ãŸã‚ーワードã§YouTubeã‚’1本視è´ã—ã¦ã¿ã‚‹
- デザインã•れãŸãƒãƒŠãƒ¼ã‚’見ã¦ã€è‰¯ã„点を3ã¤æŒ™ã’ã¦ã¿ã‚‹
- SNSã§ã€Œ#Webデザイン勉強ä¸ã€ãªã©ã®ã‚¿ã‚°ã‚’調ã¹ã¦ä»–ã®äººã®å–り組ã¿ã‚’知る
- 日記感覚ã§ã€ŒãªãœWebデザインを始ã‚ãŸã„ã®ã‹ã€è¨€èªžåŒ–ã—ã¦ã¿ã‚‹
ã™ã¹ã¦ã‚’完璧ã«ã‚„ã‚ã†ã¨ã—ãªãã¦æ§‹ã„ã¾ã›ã‚“。
大切ãªã®ã¯ã€ã‚„ã£ã¦ã¿ã‚‹â†’æ°—ã¥ã→調整ã™ã‚‹ã®ã‚µã‚¤ã‚¯ãƒ«ã‚’回ã™ã“ã¨ã§ã™ã€‚
自分ã«åˆã†åƒã方を考ãˆã‚‹ãƒ’ント
Webデザイナーã¨ä¸€å£ã«è¨€ã£ã¦ã‚‚ã€åƒãæ–¹ã¯ã•ã¾ã–ã¾ã§ã™ã€‚
ã¾ãšã¯ã€è‡ªåˆ†ã®ç¾åœ¨åœ°ã¨ç†æƒ³ã®çŠ¶æ…‹ã‚’è¨€èªžåŒ–ã™ã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚ã¾ã—ょã†ã€‚
✅よãã‚ã‚‹ç†æƒ³åƒã®ä¾‹
- 育å…ã‚’ã—ãªãŒã‚‰é€±3æ—¥ã€åœ¨å®…ã§5万円稼ãŽãŸã„
- 本æ¥ã«æ´»ã‹ã™ãŸã‚ã€å‰¯æ¥ã§ã‚¹ã‚ルを磨ããŸã„
- フリーランスã¨ã—ã¦è‡ªåˆ†ã®ãƒšãƒ¼ã‚¹ã§åƒããŸã„
ã“れã«å¯¾ã—ã¦ã€ä»Šã®è‡ªåˆ†ã¯ã©ã“ã«ã„ã¦ã€ã©ã®ãらã„ã®æ™‚間・å¦ç¿’コストを使ãˆã‚‹ã®ã‹ã‚’明確ã«ã—ã¾ã™ã€‚
ãã®ã‚®ãƒ£ãƒƒãƒ—ã‚’ã©ã†åŸ‹ã‚ã¦ã„ãã‹ãŒã€ãƒ«ãƒ¼ãƒˆè¨è¨ˆã«ãªã‚Šã¾ã™ã€‚
視点を変ãˆã‚Œã°ã€å‰¯æ¥ã§é€±3万円ã¨ç‹¬ç«‹ã—ã¦æœˆ30万円ã¯å¿…è¦ãªã‚¹ã‚ãƒ«ã‚„å–¶æ¥æ–¹æ³•ãŒã¾ã£ãŸãç•°ãªã‚Šã¾ã™ã€‚
Webデザインを手段ã¨ã—ã¦ä½¿ã„ãŸã„ã§ã™ã‹ï¼Ÿ
ãれã¨ã‚‚è·æ¥ã¨ã—ã¦æ¥µã‚ãŸã„ã§ã™ã‹ï¼Ÿ
ãã®ç”ãˆæ¬¡ç¬¬ã§ã€ä»Šæ—¥ã‹ã‚‰ã‚„ã‚‹ã¹ãã“ã¨ãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚
最çŸãƒ«ãƒ¼ãƒˆã‚’æ©ã‚€ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆæ•´ç†
Webデザインã¯ã€ã‚„ã¿ãã‚‚ã«å¦ã¶ã‚ˆã‚Šã‚‚é †ç•ªã‚’æ„è˜ã—ã¦ç©ã¿ä¸Šã’ã‚‹ã“ã¨ã§åœ§å€’çš„ã«åŠ¹çŽ‡ãŒè‰¯ããªã‚Šã¾ã™ã€‚
✅最çŸãƒ«ãƒ¼ãƒˆã§ä¼¸ã°ã™ãŸã‚ã®3原則
- アウトプットファースト:模写・実践・作å“作りを早ãã‹ã‚‰å–り入れる
- å…¬é–‹ã¨æ”¹å–„:SNSã‚„ãƒãƒ¼ãƒˆãƒ•ォリオã§ç™ºä¿¡ã—ã€ãƒ•ィードãƒãƒƒã‚¯ã‚’å—ã‘ã‚‹
- やらãªã„ã“ã¨ã‚’決ã‚る:スã‚ルã®å…¨ä½“åƒã‚’知ã£ãŸä¸Šã§ã€å¿…è¦ãªã„ã“ã¨ã«æ™‚é–“ã‚’ã‹ã‘ãªã„
ã•らã«ã€ç¾åœ¨ã¯AIツールã¨ã®ä½µç”¨ã«ã‚ˆã£ã¦ã€ä½œæ¥åŠ¹çŽ‡ã‚„ã‚¢ã‚¤ãƒ‡ã‚¢ç™ºæƒ³ã‚‚æ ¼æ®µã«ã‚¹ãƒ”ードアップã§ãã¾ã™ã€‚
例ãˆã°ã€ãƒ—ãƒãƒ³ãƒ—トã§ãƒ©ãƒ•を生æˆâ†’調整ã—ã¦ãƒãƒŠãƒ¼åŒ–ã¨ã„ã£ãŸæµã‚Œã‚‚ç¾å®Ÿçš„ã«ãªã£ã¦ãã¾ã—ãŸã€‚
ã ã‹ã‚‰ã“ãã€ã€Œäººã®ç›®ã‚’引ãã€ã€Œä½¿ã„ã‚„ã™ãã™ã‚‹ã€ã¨ã„ã£ãŸäººã«ã—ã‹ã§ããªã„判æ–ãŒã€ã“れã‹ã‚‰ã®Webデザイナーã«ã¯æ±‚ã‚られã¦ã„ãã§ã—ょã†ã€‚
Webデザイナーåˆå¿ƒè€…ãŒæŠ±ãˆã‚‹ã€Œ5ã¤ã®ç–‘å•ã€
記事を通ã—ã¦Webデザインã®ä»•事内容ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ããŸã‚‚ã®ã®ã€ã„ã–自分ãŒã‚„ã‚‹ã¨ãªã‚‹ã¨ã€Œæœ¬å½“ã«å¤§ä¸ˆå¤«ï¼Ÿã€ã¨è¶³ãŒã™ãã‚“ã§ã—ã¾ã†ã‚‚ã®ã§ã™ã€‚ã“ã“ã§ã¯ã€æœªçµŒé¨“者ãŒç‰¹ã«ã¤ã¾ãšãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã¨ã€ãã®ç¾å®Ÿçš„ãªè§£æ±ºç–ã‚’ãŠç”ãˆã—ã¾ã™ã€‚
センスãŒãªã„ã¨ã€è‰¯ã„デザインã¯ä½œã‚Œã¾ã›ã‚“ã‹ï¼Ÿ
ã„ã„ãˆã€Webデザインã«èŠ¸è¡“çš„ãªã‚»ãƒ³ã‚¹ã¯å¿…é ˆã§ã¯ã‚りã¾ã›ã‚“。ç¾å ´ã§æ±‚ã‚られるã®ã¯ã€å€‹æ€§çš„ãªã‚¢ãƒ¼ãƒˆã§ã¯ãªãæƒ…å ±ã‚’è¦‹ã‚„ã™ãæ•´ç†ã™ã‚‹ã“ã¨ã§ã™ã€‚整列・近接・対比・å復ã¨ã„ã£ãŸåŸºæœ¬åŽŸå‰‡ï¼ˆãƒ«ãƒ¼ãƒ«ï¼‰ã‚’å®ˆã‚Œã°ã€èª°ã§ã‚‚見やã™ã„デザインã¯ä½œã‚Œã¾ã™ã€‚ã¾ãšã¯ãƒ«ãƒ¼ãƒ«ã‚’覚ãˆã‚‹ã“ã¨ã‹ã‚‰å§‹ã‚れã°ã€ã‚»ãƒ³ã‚¹ã®å£ã¯å¿…ãšè¶…ãˆã‚‰ã‚Œã¾ã™ã€‚
Adobeãªã©ã®é«˜ä¾¡ãªã‚½ãƒ•トを最åˆã‹ã‚‰å¥‘ç´„ã™ã¹ãã§ã™ã‹ï¼Ÿ
ç„¡ç†ã«å¥‘ç´„ã™ã‚‹å¿…è¦ã¯ã‚りã¾ã›ã‚“。プãƒã®ç¾å ´ã§ã¯Photoshopãªã©ãŒä¸»æµã§ã™ãŒã€ã¾ãšã¯ç„¡æ–™ã§é«˜æ©Ÿèƒ½ãªFigmaã‚„ã€ç›´æ„Ÿçš„ã«ä½¿ãˆã‚‹Canvaã‹ã‚‰å§‹ã‚ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚
独å¦ã§ãƒãƒ¼ãƒˆãƒ•ォリオを作ã£ã¦ã‚‚ã€èª°ã«ã‚‚見ã¦ã‚‚らãˆãªã„æ°—ãŒã—ã¾ã™ã€‚
ãã®ä¸å®‰ã¯ã€Œç™ºä¿¡ã€ã§è§£æ±ºã§ãã¾ã™ã€‚ãŸã 作å“を作るã ã‘ã§ãªãã€SNSã§åˆ¶ä½œéŽç¨‹ã‚’発信ã—ãŸã‚Šã€ã‚¯ãƒ©ã‚¦ãƒ‰ã‚½ãƒ¼ã‚·ãƒ³ã‚°ã®ã‚³ãƒ³ãƒšã«å¿œå‹Ÿã—ãŸã‚Šã—ã¦ã€Œä»–人ã®ç›®ã«è§¦ã‚Œã‚‹æ©Ÿä¼šã€ã‚’強制的ã«ä½œã‚Šã¾ã—ょã†ã€‚「整ãˆãƒ¬ã‚·ãƒ”ã€ã§ã¯ã€ä½œã£ãŸã‚‚ã®ã‚’講師や仲間ã«è¦‹ã¦ã‚‚らã„ã€ãƒ•ィードãƒãƒƒã‚¯ã‚’もらã†ç’°å¢ƒãŒã‚ã‚‹ãŸã‚ã€ç‹¬ã‚Šã‚ˆãŒã‚Šãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ã®ã‚’防ã’ã¾ã™ã€‚
未経験ã‹ã‚‰æœ€åˆã®1円を稼ãã«ã¯ã€ä½•ã‹ã‚‰å§‹ã‚ã‚‹ã®ãŒæœ€çŸã§ã™ã‹ï¼Ÿ
Webサイト丸ã”ã¨ã®åˆ¶ä½œã§ã¯ãªãã€ãƒãƒŠãƒ¼åˆ¶ä½œã‚„YouTubeã®ã‚µãƒ ãƒã‚¤ãƒ«ä½œæˆã¨ã„ã£ãŸå°ã•ãªæ¡ˆä»¶ã‹ã‚‰å§‹ã‚ã‚‹ã®ãŒæœ€çŸãƒ«ãƒ¼ãƒˆã§ã™ã€‚ã“れらã¯çŸæœŸé–“ã§ç¿’å¾—ã§ãã€æ•°åƒå††ã®å ±é…¬ãŒå¾—ã‚„ã™ã„ãŸã‚ã€æˆåŠŸä½“é¨“ã‚’ç©ã‚€ã®ã«æœ€é©ã§ã™ã€‚å°ã•ãªå®Ÿç¸¾ã‚’ç©ã¿é‡ãã¦ã€å¾ã€…ã«LPã‚„Webサイト制作ã¸ã¨ã‚¹ãƒ†ãƒƒãƒ—アップã—ã¦ã„ãã¾ã—ょã†ã€‚
ã¾ã¨ã‚:Webデザイナーã¨ã„ã†é¸æŠžè‚¢ã‚’ã€ç¾å®Ÿçš„ã«è€ƒãˆã‚‹
Webデザイナーã¯ã€è¦‹ãŸç›®ã‚’æ•´ãˆã‚‹ã ã‘ã§ãªãã€Œæƒ…å ±ã‚’ã©ã†ä¼ãˆã‚‹ã‹ã€ã‚’è¨è¨ˆã™ã‚‹ä»•事ã§ã™ã€‚
未経験ã‹ã‚‰ã§ã‚‚å¦ã³ã‚„ã™ãã€åœ¨å®…や副æ¥ã¨ã—ã¦ã‚‚å§‹ã‚ã‚„ã™ã„点ãŒå¤§ããªé…力ã§ã™ã€‚
本記事ã§ã¯ã€Webデザイナーã®ä»•事内容・スã‚ル・åƒã方・å¦ç¿’æ‰‹é †ãƒ»æ¡ˆä»¶ã®å–り方ã¾ã§ã‚’体系的ã«ç´¹ä»‹ã—ã¾ã—ãŸã€‚
AIã‚„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®æ™®åŠã§ä½œæ¥ã®ä¸€éƒ¨ã¯è‡ªå‹•化ãŒé€²ã‚“ã§ã‚‚ã€äººã®ç›®ã‚’惹ãã€æ„図を形ã«ã™ã‚‹åŠ›ã¯ä»£æ›¿ã•れã¾ã›ã‚“。
ã¾ãšã¯ã€è‡ªåˆ†ã®ç”Ÿæ´»ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã£ãŸå¦ã³æ–¹ã‚’é¸ã³ã€å°ã•ãªåˆ¶ä½œã‚„発信ã‹ã‚‰çµŒé¨“ã‚’ç©ã¿ä¸Šã’ã¦ã„ãã“ã¨ãŒã€æœ€çŸã®æˆé•·ãƒ«ãƒ¼ãƒˆã§ã™ã€‚
ã€æ›´æ–°æ—¥ã€‘2025å¹´11月1æ—¥
é“具を増やã—ã¦ã‚‚ã€ç‰‡ã¥ã‹ãªã„ã¨æ„Ÿã˜ãŸã‚‰
自分ã®ä»•事をAIã§çµ„ã¿ç›´ã—ã¦ã„る途ä¸çµŒéŽã‚’ã€é€±1回ãŠé€ã‚Šã—ã¦ã„ã¾ã™ã€‚ã†ã¾ãã„ã£ãŸæ•°å—ã‚‚ã€å£Šã‚ŒãŸè©±ã‚‚ã€ãã®ã¾ã¾æ›¸ã„ã¦ã„ã¾ã™ã€‚
登録ã¯ç„¡æ–™ã§ã™ã€‚5日間ã®ãƒ¡ãƒ¼ãƒ«é…信後ã¯é€±1回ã«åˆ‡ã‚Šæ›¿ã‚りã€ã„ã¤ã§ã‚‚解除ã§ãã¾ã™ã€‚
