🦁

Webデザイナーのスキル棚卸

に公開
webデザイン
スキル
学習メモ
案件獲得
idea

案件獲得状況

今日出ると聞いていた一次面接の結果が、10 日間くらい先延ばしになった。もう一社の結果が今週出ると伝えたせいで、延期されたのかな？

フリーランスエージェント数社、求人サイト数社、副業サイト数社に片っ端から登録して、案件獲得活動中のフリーランス Web デザイナーです。

各社の担当者さんと面談し、随時情報を管理画面やメール・電話などで更新してもらっても、感じるブラックボックス感と孤独感。味方のようでも、冷静に考えると交渉相手だったりしますよね。

という訳で、今のところ変化なし。

  • 書類審査落ち：約 100 件
  • 面接（結果待ち）：2 件

今日の学習

Web デザイナーにおけるハードスキル

ハードスキルとは、特定の職務や業務を遂行するために必要な具体的な知識や技術のこと。

  • デザインに関する知識
  • デザインツールの操作スキル
  • UI/UX のデザインスキル
  • HTML と CSS の最低限の知識

Web デザイナーにおけるソフトスキル

ソフトスキルとは、コミュニケーション能力や問題解決能力、柔軟性や協調性などの個人の特性のこと。

  • コミュニケーションスキル
  • プレゼンテーションスキル
  • デザインにおける問題解決能力
  • 時間管理能力

Web サイトの UI

Web サイトを閲覧しているユーザーがクリックやスワイプなどの操作をするそのパーツのことを指す。

入力系 UI パーツ

テキストボックス、テキストエリア、チェックボックス、ラジオボタン、セレクトボックス、デートピッカー、スライダー、ファイルアップロード、スイッチ（トグルボタン）、ボタン

ナビゲーション系 UI パーツ

テキストリンク、タブ型ナビゲーション、サイドバー型ナビゲーション、ドロップダウンナビゲーション、ハンバーガーメニュー、パンくずリスト

表示系 UI パーツ

モーダルウィンドウ、トースト通知、プログレスバー、カルーセル

ウェブアクセシビリティとは

アクセシビリティ

一般的には、高齢者や障がいを持つ方が、情報や技術に平等にアクセスできるようにするための取り組みやデザイン手法。IT 分野では、「誰もが機器・サービスをスムーズに利用できること」という場合に使われる

ウェブアクセシビリティ

Web サイトや Web アプリが、高齢者や障がいを持つ方などあらゆる人にとって、利用しやすいデザインや設計にすること。

  • ダークモード
  • 色弱の方でも区別しやすい色を選ぶ
  • 文字サイズ変更機能
  • 音声読み上げ機能
  • 音声認識機能、音声入力機能
  • 画像や動画に代替テキストを用意する
  • キーボードのみですべての機能を利用できるようにする

ツールやガイドライン

Adobe Firefly

画像やデザインを生成する AI

機能

  • テキストから画像生成
  • 生成塗りつぶし
  • ベクターを生成（Illustrator 向け機能）
  • 生成再配色（Illustrator 向け機能）
  • テキスト効果（Adobe Express 向け機能）
  • テンプレートを作成（Adobe Express 向け機能）

料金プラン

  • 無料版：生成クレジット 25/月
  • 有料版：生成クレジット 2000/月 （個人向け 税込 1,580 円/月～）

終わりに

さぁ、明日も頑張ろう！

Discussion