【無料プレゼント】まだホームページは作らないで!このガイドブックを読み終えるまでは。いうテーマで、「ホームページを作る前に読んでおくと得する本」を書きました。無料で読むデザインに行き詰まったら、自然界の恵みを頼ってみるのもいい方法です。パソコンを閉じ、街へ出かければ、インスピレーションを刺激するいろいろな風景に遭遇します。直感を信じ、ときめいた景色を写真におさめましょう。自分色が溢れだす、ユニークなアイデアの宝庫になります。CC」はiPhone、iPad、アンドロイドで使えるスマホアプリです。自分で撮影した写真からカラーパレットやシェイプ、ブラシを作成できます。やってみた!結果はこんな感じに。例としてウェブページを作ってみました。リペ島を特集したサイトを仮想してます。リペ島行きの航空券とホテルを検索できるランディングページです。リペ島はほぼマレーシアといってもいいくらいの場所にある離島です。タイの最後の秘境とか言われていて、小さな孤島では透明度の高い海でシュノーケリングや、水平線へ沈みいく夕陽や昇り出る朝陽を楽しむことができます。そんなリペ島への旅行を特集したサイトです。サイトの印象を決めるメイン画像には、リペ島の美しさを象徴的に表す夕陽の写真をピックアップしました。いま、こうして見るとちょっと暗いですね。今回は良しとしましょう。空と海に太陽が溶けていく様子をどうしても残したくて撮った写真です。一枚しか残っていないこの風景を使うことで、リペ島のリアルな美しさが伝わることを期待して。ページ全体の配色をこの写真に合わせてみようと考えました。CC」を利用すれば、写真から色を抽出し、カラーパレットを作成できます。便利なことに、カラーパレットはそのままパソコン側のアプリに同期されます。これはPhotoshopです。ライブラリに「カラーテーマ」が追加されてます。これをそのままページの配色へ利用しましょう。カラーテーマを縦にしてページと並べてみました。順番は違いますが、配色が一致しているのがわかりますね。写真にある色で配色したので、違和感なくページ全体の調和が保たれているような気がします。ロゴを作ってみる!次は、写真からシェイプを抽出してみます。変わった形の建物、幾何学模様に見える植物、なんでもピンとくればOK。写真に撮って、シェイプへ利用しましょう。今回は、ロゴを作ってみようかなあと。これはバンコクにあるお寺です。リペ島にこんな尖ったお寺はありませんが、タイっぽいということで選んでみました。アプリで開けば、こんなふうにパスを抽出してくれます。シェイプに変換したところです。続けて、同じようにタイっぽい写真をいくつかシェイプへ変換してみます。タイではこんなポーズをしています。左が写真、右が変換後のシェイプです。象さんもタイっぽいですね。シェイプもパソコン側のアプリと自動的に同期されます。シェイプの用途は幅広いですよね。マスクしてブラシで塗り絵したり、重ねあわせてコラージュしたりすれば、立派なアート作品になります。今回は、ビンテージ風のロゴをちゃちゃっと作ってみました。線が混みいってるので、あまり縮小すると何がモチーフになっているかわからなくなっちゃいますね。なんとなくタイっぽさは伝わるかな。アプリでは、こんなふうに写真からブラシを作成することもできます。砂浜テイストのブラシで背景にテクスチャを与えたり、いろいろな場面で応用できそうです。して写真からアイデアを得て作ったのが、冒頭でお見せしたページです。リペ島で撮影した他の写真もたくさん並べました。ここで現物を見られます。体裁だけ一応整えばいいかなあと、既存のテンプレートをベースに突貫で作りました。ソースがぐちゃぐちゃなのはお見逃しを。websaeなんでも気になった景色から、いろいろな素材を作ってデザインへ活かしてみると良いと思います。今回は使ってませんが、桜とかこの季節には絶好のモチーフになりますよね。自然と春らしい配色に。食べ物でも建物でも、そして景色でも美しいとか美味しそうとか感じるものは、色や形に自然と調和の法則が現れているからかもしれません。そんな自然の恵みを活用してみる。ルールを忘れてときめき優先、いつもと違った順番で、方法でデザインしてみると、偶然面白いアイデアが湧き出たりして楽しいです!ついに再開!ウェブさえのHP作成サービスはこちら@websae2012さんをフォローシェアしてくれると嬉しいです!(コメントも喜ぶよ)Tweetあなたにはこんな記事もおすすめ!無料のホームページ作成ツールを14個も!もう制作会社を頼らない。売上200%増を目指すマッチタイプの最適化|部分一致・フレーズ一致・完全一致とは?ホームページをWeb制作会社へ依頼する前のチェックリスト27項Bootstrapのグリッドシステムの使い方を初心者に向けておさらいするWeb屋が問う!あなたがホームページ作成をやめたくなる15の質問トップページに戻るん?最新情報を見逃さない方法!?わざわざブログに来なくても、自動的にウェブさえの更新情報を受け取ることができます。休止していたウェブさえマガジンも最近再開しました。メールで受信できます。受信は無料で、いつでも解約できるので気軽に登録してみてください。株式会社ウェブさえの代表者です。フリーランスまで様々な職種業界の方が居て、挙げだすと切りがありません。皆様に本当に感謝しております。詳しい自己紹介はこちらへ。お問い合わせやご質問・ご相談はこちらへ。最近更新した記事ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。WordPressのスキルアップに最適。