Exception Code.

iPhone、Macと読書が大好き。iPhone・Mac・書評を中心に好きな事を書いていました。今は『ほーくブログ』でブログを書いています。

[WordPress]ブログのデザイン改造なう。デザイナーに尊敬の眼差し

      2012/12/19

スクリーンショット 2012 12 01 18 00

最近のGoogleアルゴリズムの変更によるアクセス減や、現在のデザインがちょっと飽きてきたとか色々重なったので、ブログのデザインをプチリニューアルしようと朝から作業しております。

まずは見た目を。と思いまして、いろいろアプリでいじっているのですが、今日は「デザイナーってすごいな」と思いっぱなしです。

デザイン難しい。

Olein編集長のモノマネから

デザインに関しては右も左もわからない僕なので、何かを参考にしないと手が付けられずに終わってしまいかねません。

というわけで、以前オレイン編集長(@Olein_jp)にデザインしていただいた名刺の雰囲気に近いブログロゴを自作しようと試みたわけであります。

ちなみに名刺のデザインがこちら。かっこいい。 

 

Macで使用したアプリなど

デザインテーマも決まったことだし、Macユーザーには定番のPixelmatorで作ることにしました。

Pixelmator 2.1.3 (¥1,300)App
カテゴリ: グラフィック&デザイン, 写真
販売元: Pixelmator Team – UAB Pixelmator Team(サイズ: 29.1 MB)
全てのバージョンの評価: (315件の評価)

 

 が、しかし。Pixelmatorでは写真などの「加工」には向いているのですが、素材を「制作」するにはちょっと力不足。そんなわけでいろいろグーグルさんに質問してみると、結構良さげなアプリが見つかりました。「iDraw」というアプリです。

なんでも、PixelmatorがPhotoshopの代替アプリで、iDrawはIllustratorの代替アプリという位置づけだそう。

 

iDraw 2.2 (¥2,200)App
カテゴリ: グラフィック&デザイン, 仕事効率化
販売元: Indeeo, Inc. – Indeeo, Inc.(サイズ: 7.3 MB)
全てのバージョンの評価: (43件の評価)

 

iTunes Cardの残高もあったので、購入して格闘すること約3時間半。

 

なんとか完成させた素材たち

完成したロゴがこちら。今なら10分で作れるくらい頑張った。

Logo

 

そしてもうひとつが記事の始めにあるやつ。これはブログのファビコン(サイト開いた時のタブ・アドレスバーに表示されるやつ)にしようと思います。

Favicon

このファビコンなのですが、最近新宿にできた「ビックロ」に多大な影響を受けています。

参考:ビックロ ビックカメラ新宿東口店特設サイト

結構お気に入りの作品。 コツが分かったら結構楽しくなってきたので、もう少しいろいろ作ってみようと思います。

 - WordPress

  関連記事

[WordPress]All in One SEOとMarsEditを組み合わせて使っている人が気をつけるべきこと

本ブログはSEO対策としてAll in One SEOを使用しています。 Las …

WordPressのブログテーマを自作しちゃった!結構簡単だぞ!

Create – Wallpaper / jbuc どうも、@haw …

WordPressプラグイン「YARPP」で関連スコア設定を変えても関連記事が表示されないときの対処法

関連記事へのリンクを画像つきで表示してくれるのに加えて、ものすごい細かい設定も可 …

WordPressのテーマをちょこっとバージョンアップしました

まだ完成には至っていない、本ブログの自作テーマ。 ちょこっとバージョンアップでき …

[WordPress]BackWPupの「No destination correctly defined for backup! Please correct job settings.」エラー対処法

WordPressのデータベースを手軽にバックアップできるプラグイン「BackW …

【WordPress】IEで見たときにブログが中央表示されないのでいろいろ考えてみる

CSS Carved Pumpkin / mauricesvay CSS!CSS …

[WordPress]いつ、どのブログ記事にアクセスされたかがすぐわかるプラグイン「Post Views」

ブログを書いていると、どうしても気になってしまうのがアクセス数。 主にアクセス解 …

[git]Coda2でgitを設定してWordPressのテーマファイルをバックアップする方法

ブログのテーマを作り直していろいろしています。家ではiMac、外ではMacBoo …

ブログにTwitterのツイートを貼り付ける時に中央表示させる方法

しれっとWordPressのテーマを作り直しました。これまであまりにも内部を含め …

【WORDPRESS】iPhoneで見られないだとっ…WPtouchが上手く作動しないときの対処法

パンダ見てきた。 WORDPRESSに移行した途端におでかけしたりおでかけしたり …