Webデザイン | 沖縄のWebデザイナーChopstickBrunch

ふと立ち読みしたインテリア関連のムック本で、安い家具でかっこいい部屋を作る！的なコーナーの見出しです。

で、紹介されている家具は、デザインされていないどころか、とてもシンプルでバランスのとれたデザインのチェストだったりソファーだったり、センターテーブルだったりでした。

ああ、真四角だったり真ん丸だったりすると、「デザインされていない」という事になってしまうのか。
何色も色を使ったり、ウネウネとしたフォルムだったり、柄が入っていたりすると、「デザインされたもの」なのか。
では、ソフトバンクのロゴはデザインされていないのか。

だいぶ前ですが、Webサイトのタイトルロゴタイプを作って提出したときに、「え、ただの文字じゃないか、なんかこうもっとこう、デザイン性が欲しい」と言われたことがあります。
最終的にOKが出たのは、サンセリフ体の細いフォントと、太いフォントを組み合わせたものでした。

デザイン性ってなんなんでしょう。

このロゴタイプも、クライアントが世間からどういうイメージを持たれたいのか、どう表現すれば最適なのかを考えて考えた末に、フォントを選び、ちょっとだけ太らせて、最適な余白を取ってバランスを取って配置したものだったんです。

何がいけなかったんだろうか。ずぅーっと疑問だったんです。

それで、4月にＴポイントMESH応援プロジェクトを制作したときに、CCC様からTポイントのロゴマークの使用規定書（Tポイントのロゴは佐藤可士和さん作）をお借りしたんですが、フォントの指定だとか余白の指定、同時に使用する表現の指定なんかが細かく書かれていて、ブランドイメージにブレが無いように考慮されている事を感じました。

今考えると、あのときのロゴタイプはちょっと浅はかだったなぁと思うわけです。

文字間隔の取り方とか、もっと詰めて考えて提案していたら、一発OKが出ていたんじゃないかと思えて仕方ありません。（まぁ、ロゴデザインの料金は入っていなかったのでそこまで時間取れませんでしたが…）

ちなみにそのロゴタイプ、いまもWebサイトでも、TVCMで使われてます。感慨深いなぁ。。。

このブログ経由だと思うんですが、Chopstickのお問い合わせフォームから、Webデザイナー志望の方から応募があります。

おかげさまで、たくさんのお仕事をさせていただいて忙しい身ですから、猫の手も借りたいくらいで、実際にたまに妹（学生）の手を借りたりもします。とはいえ、うちはまだ個人事務所で、社会保険も雇用保険も労災もありませんから、就職するには不適だと思います。誰かを本気で雇って養うほどの規模ではありませんので。

ですが、Webデザイナー志望の方々は応援したいと思っているので、ポートフォリオなどを見せていただいたら、ものすごい辛口な批評をしたりしてます。むしろ、やる気を削いでいないか心配になります。

それでちょっと感じたんですが、Webデザイン初心者の方って、グラデーションとドロップシャドウがどうも派手なんですね。

全体的なレイアウトなんかはセオリー通りやっていて、色の選び方もまともというか素敵だったりするんですが、そのあたりは書籍だとか、スクールだとかで教えてもらえるんだと思います。

たとえば、サイトの上部にあるメニューなんか、こういう感じが多いです。

ちなみにPhotoshopで作りました。

これちょっとまぶしくないですか？何を表現しているのかも不明確ですし、平面に対する文字のZ軸がよくわかりません。手前に浮いてて、光は左上から差してるんでしょうか。それもかなり強い光が。

という風に見えてしまいます。

カッコイイとかダサイとか、そういう次元ではなくて、どうも不自然なんですね。

実際にデザインするときは、もっとちゃんと凝りますけど、同じ色を使って普通に作るとこんな感じ。

文字の位置も、フォントも一緒です。文字を読みやすくするために、ちょっとだけシャドウつけています。質感を出す意味で、すこーしだけ斜めのパターンも入ってます。
我ながら地味で普通ですけど、こういうデザインが普通のサイトでは求められるのかと思います。堅い系の職種のサイトですね。

Webデザイン初心者の方は、もうちょっと全体に地味にしてみましょう。一度グラデーションとシャドウを一切使わないデザインとかやってみるといいかもしれないです。

というわけで求職中の方、ポートフォリオをお見せいただけたら、指導まではいかないかもしれませんが、ツッコミはいっぱい入れますので、試しに送ってみてくださいませ。

お仕事に結びつくかはわかりませんが、趣味の範囲でお答えします。

最近、自社運営サイトのレンタルサーバをhetemlに乗り換えました。

CMSの検証とか色々やるので、データベースが沢山作れるのは良いですね。

さて、hetemlに限らず、SSHが使えるサーバにCMSをインストールする時の簡単な方法をご紹介します。

サーバエンジニアの方が見たら、「なにいってんの？」という感じかもしれませんが、たとえばMovableTypeなんかをインストールしようとすると、4000ファイルくらいアップロードしないといけません。

FCKEditorとか、TinyMCEなんかのプラグインもファイル数が多いので面倒なんですね。

STEP１

まず、CMS本体をダウンロードして解凍します。

必要なプラグインをpluginsフォルダやmt-staticフォルダに突っ込みます。

そして、全体をZIP形式で圧縮して、mt.zipとか分かりやすくリネームしてください。短いファイル名が吉

STEP2

サーバにアップロードします。FTPでいいんじゃないかと思います。

STEP3

SSHクライアントを起動します。ワタクシはTera Termが好みです。

hetemlの場合、コントロールパネルでSSHを有効にする必要があります。

アドレスは、ssh***.heteml.jp

パスワードは任意のもので、ポートは2222です。

STEP4

まず、該当するファイルの場所を確認

そうすると、webディレクトリ以下のディレクトリ名が一覧表示されるので、今回MTをインストールするディレクトリを確認しましょう。

仮に「chopstick」としますね。

そうすると、mt.zip というファイルが出てくるんじゃないかと。

STEP5

このファイルを解凍します。このコマンドも超簡単

そうすると、ズラーっと解凍されたファイル名が表示されます。これがやたらと気持ちいいんですよね。

終わったら、ログアウトします。

コマンドは

STEP6

FTPクライアントで、mtディレクトリにアクセスして、cgiという拡張子のファイルの属性を「705」に変更。

mt-config.originalというファイルは、「700」にします。

 STEP7

あとは、普通に/mt/ディレクトリにアクセスして、インストールウィザードに従ってください。

とまぁ、こんな感じです。

実は前職のとき、契約しているサーバのSSHアクセス権限はもらっていなかったんですね。

なので、MovableTypeをインストールするときは、お昼休み前にFTPをセットして、4000近いファイルをアップする仕掛けをして離席したりしてました（笑）

サーバエンジニアでは無いので、そんなにゴリゴリとSSHを触れる必要は無いと思いますけど、あのストレスから解放されたいという方は一度お試しあれ。

ところで、「サーバー」と「サーバ」ってどっちが正しいんでしたっけ？

コーダーは毎日使っていると言っても過言ではない、説明不要のAnother HTML-lint gatewayですが、
いちいちサイトを開いてURLをコピー＆ペーストするのが面倒じゃないですか？

既出かもしれませんが、便利なブックマークレットがあります。

コチラ↓

こちらをドラッグしてブックマークしてもOK→LINT

もう、手放せませぬ。

あ、クリックすると、このページをチェックすることになりますけど、点数は気にしないでください。（笑）

Chopstickは、基本的に95点以上でサイトを作ってますが、ブログは空白行とか「甘え」が出ちゃいますからね。