こんばんは。
今日もお疲れ様です。
個人事業主さん苦手なIT&Webサポート。
Smilefactoryten代表 加藤敦志 です。
今夜やHP作成の今の方法をつぶやきたいと思います。どうぞよろしくお願い致します。文字多めです。m(_ _)m
その1:デザインカンプから作成〜
一般的なWebデザインの方法その1
簡単にですが...
- デザインカンプ作成
- コーディング
- サーバへUP、ローンチ
デザインカンプを作成(FigmaやXD、Illustrator、Photoshopなど)します。はじめはグレーカラーのみで、コンテンツ配置を大まかに決めます。
打ち合わせ後実際のネタを使って、カラーを入れ込みデザインを行います。
出来上がったデザインカンプを、実際にコーディングしていきます。
コーディングとは
HTML、CSS、JavaScriptなどを使ってコードを書いていくことです。これでWebデザイン、Webサイトを構築して行きます。
お客様目線で行くと、この方法はデメリットしか無いと個人的には思っています。理由は、維持管理上、お客様にもある程度のHTML、CSSの知識が必要になるからです。
メリットでいうと、お客様完全オリジナルデザインで、ホームページを作成することが可能になります。(お値段はかなり高くなります)
その2:独自テーマをwordpressで〜
例えば、その1で作成したデザインカンプ・コーディングしたデータを、wordpressに入れ込む方法です。
コーディングしたデータを、PHPを元に、独自のテーマに仕上げていきます。独自テーマに仕上げる構成は様々です。例えば、
- 一部分にブログ機能をもたせる
- 全てにwordpress機能をもたせる
など、お客様のその後の利用方法に合わせて、PHPにて構築して行きます。
デメリットは、構築したwordpressについて、お客様にレクチャーを行い、お客様にも維持管理上の操作などをご理解頂く必要があります。(独自テーマなので一般的な既存テーマと少々異なるためです)
メリットは、ブログ機能を使えるなど、データベースを利用することが可能になります。
その3:wordpress既存テーマをカスタマイズ〜
wordpressの既存テーマをカスタマイズして、ホームページを作成する方法。
こちらは既存テーマ(有料、無料数多くあります)を、主にCSSカスタマイズで、Webデザインを行い、ホームページを作成していきます。
メリットとして、比較的安価に進めることが出来るのと、工期出来にも短い期間で作成することができます(と言っても案件や構成内容によって納期は異なります)
デメリットは既存テーマ(有料)を購入したり、完全なゼロベースデザインにはならないということです。基本デザインがあるので。
その4:コーディングなしでHP作成〜
ノーコードWebデザイン。
例えば、AmebaOwndやWix、そして今話題のStudioがノーコードです。更に、wordpressもフルサイトデザイン編集が可能になっているので、ある意味ノーコードWebデザインにも対応しています。
言葉のごとく、コーディングせずにWebデザイン、Webサイト、ホームページを構築していく方法です。
なかなかイメージするのは難しいかもしれませんが、フリーランスで言えば、これらの作業を全て一人でこなすわけです。なので、良く言われる「Webデザイン」だけ出来れば、仕事として成り立つ..なんてことは無いわけです。
ディレクション、デザイン、コーディングなどなど、全てひとりで出来なければ、到底フリーでは厳しいということです。
最後に、話がそれましたが、HP作成方法はまだまだ進化していきます。どんどん便利な機能やツールも出てくると思います。それらをどんどん勉強して、使わないにせよ、いつ何時関連する仕事を受けても良いように、これからも精進していく必要があると、あらためて感じております。
ではまたつぶやきますね。
ありがとうございました。
【お問い合わせはこちら↓】
@938fcjnx LINE@ ID からも登録できます。
作成・サポート承っております。
- ホームページ作成メニュー
- ワードプレスホームページ作成
- ホームページ用写真出張撮影
- ワードプレスの操作・運用・管理に関わるサポート
- アメブロカスタマイズ(ヘッダー画像、メニューバー設置)
- 動画編集・Youtube投稿
- パソコンお買い物同行
ではまた。
Smilefactoryten
代表 加藤敦志 でした。