このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal These 50 Branding Kits For Your Startup 下記は各ポイントを意訳したものです。 元記事ではアイキャッチ画像と同テイストの名刺も同時に紹介されています。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Whimsical: サンプル画像 抑えられたトーンとミニマルなタイポグラフィ 画像にソフトなカラーフィルタを使いトーンを抑え目にし、タイポグラフィ

はてなブログを書く習慣が徐々に出来てきたらブログコスパを上げるためにブログをカスタマイズしていきましょう！ 今回ははてなブログを合計半年以上書いてきた僕が今までやってきたカスタマイズをご紹介します。 同じ時期に始めたはてなブロガーの人たちも大体同じ道を辿ってきたので、多くのはてなブロガーが辿るであろう道をご紹介！ ただ、当然ですが、ブログを書き続けることのほうがカスタマイズより１００倍くらい大事なのでブログを書く習慣がまだついてない人はまずつけましょう。▼初心者はご一読を！ ブロガーの才能とは、結局は続けることだと思う - ミニマリストは世界を救う！ この記事が役立つはてなブロガーの目安としては今まで合計２０記事以上書いて、一日５０ＰＶ以上、読者登録２０人以上くらいに達した人かな、と思います。 ただ、それ未満の人も先に一度、この記事に目を通しておくといいでしょう。 ◆「はてなブログ」の基本

ノンデザイナーにとってロゴ作成は鬼門です。今回はデザインが苦手な人でもさくっと、それっぽいロゴが作れちゃうサービスを紹介します。 www.squarespace.com アクセスするとこんな感じ。中央の『LOGO NAME』にサービス名やブランド名などを記入します。今回は例として『ヒゲ部』というサービスを作ったと仮定します。 入力を終えると編集画面へ。すでにベースのロゴができあがっています。フォーカスされている『Search for symbols』に適当にそれっぽい単語を入力してみます。 余談ですが、『ひげ』は『moustache』または『beard』らしいです。生える位置で使い分けるようですが、気にしません。今回は『moustache』で検索してみます。 ひげがズラリ。 それっぽいのを選びます。 ああ、それっぽいですね。右下のTシャツとかいいですね。 次はフォントを変更します。 ロゴ名

こんにちは、ソウルドアウト株式会社のなごです。 Web制作で収入を得たい・増やしたい人にとって、バナー制作は空いた時間でサクッとできるのでおすすめです。 昨今は、クラウドソーシングによってバナー制作を外注する企業が増えてきているので、そこまで高度な技術がなくとも、5,000円～50,000円のスポット収入が得られます。 今回は、バナー制作によって、簡単にお小遣い稼ぎをするために必要な知識をすべてまとめました。社会人や学生、主婦の方など、空いた時間にお小遣い稼ぎをしたい人にも、Webデザイナーとして独り立ちするために実績を積みたい人にもおすすめです。 「成果が出る」バナーを作るには？ バナー広告の制作には、デザインスキルだけでなくWebマーケティングやコピーライティングのスキルも重要です。とくに副業や就転職を見据えてプロレベルのスキルを身に着けたい……という方は、Webの知識を総合的に学べる

デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど

ランディングページ（ＬＰ）の作り方を、超重要ポイント７つに絞って説明します。対象読者は、これからＬＰを作成する方です。インハウスのご担当者だけでなく、制作会社さんが読んでも役立つでしょう。作り方だけでなく、コンバージョン率をアップさせる点も、詳しく解説したからです。１回読んで分からなければ、繰り返し読んでください。それだけ価値ある内容になっています。 ランディングページの構成。 まず最初に、ランディングページの構成について、左図を使って説明します。ランディングページの構成は、大きく７つのブロックに分かれます。 キャッチコピー。 お客さんの関心事を、ズバリ指摘します。関心事とは、対象ユーザーが抱える、悩みや課題です。このパートは、メインコピー（１行）とサブコピー（２行）、写真の３つの部分で構成されます。 共感部。 なぜ多くの人が関心を持つのか？　お客さんの気持ちに寄り添いながら、言葉で解きほ

2015-05-08 コピペ一発ではてなブログ見出しをカスタマイズ！ちょっとの工夫で印象が格段に変わる！ ブログ ブログ-カスタマイズ スポンサーリンク 最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しをカスタマイズしたいのに全くできないというものでした。「見出し　おしゃれ」とかって検索すると本当に豪華なオシャレなのが出てくるんですよね…。ちょっと線入れたいだけなのに！みたいな。 なので、非常に簡単なものばかりですが、ある意味無機質な見出しコードを10個下に書いていきます。無機質なのでかぶってもOKっす。 基本的にコピペでOKなので活用してみてください！ コードを貼る場所 コードを貼る場所を簡単に説明

photo by William Hook 今回はアフィリエイト広告収入で生計を立てている私が利用している、おすすめのアフィリエイトサービスプロバイダ（ASP）とその特徴をざっくりと紹介させてもらおうかと思います。 これからアフィリエイトを始めるという方だけでなく、すでにA8.net等を利用しているという方にも役立つまとめになると思うので、是非、もっと多くの広告収入を稼ぎたいのであれば参考にしてみてくださいね（アフィリエイトとは？）。 アフィリエイトとは、あなたのサイト（ブログ）で広告主の商品やサービスを紹介することで、ユーザーが商品を購入するなどの成果があがった場合に報酬（広告収入）を受け取ることができる仕組みです。 広告収入と聞くと、「個人のわたしでも、できるの？」と思ってしまいますよね？でも、アフィリエイトなら大丈夫。広告主とあなたの仲介役となるのがアクセストレード。だから、個人のサ

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない…　なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

ホームページ作成の初心者さんの多くが「ホームページのデザイン」に悩む、苦戦すると言われます。デザイン性の優れたテンプレートを購入しても、最終的な仕上がりが素人っぽくなってしまうからですね。そこで、こちらの記事では「ホームページのデザインにお悩みの方向け」に、ホームページのデザインを劇的に変化させる方法を紹介します。 ヘッダーのデザインを変更する！ インターネットを活用しているユーザーが、自分のホームページにたどり着いた瞬間に最も目にする場所は「ホームページを開いた瞬間にパソコンのモニターの中に収まっている部分」になります。つまり、ヘッダーのデザインをカスタマイズしてあげるだけで「ユーザーに与えるインパクト」を高められます。 ポイントは「他のホームページと被らない様にすること」だと思いますので、同ジャンル（僕ならアフィリエイト系）のホームページをチェックして、他の人がやっていないデザインを意

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

引きつける文章、伝わる文章が作成できる無料ツールを集めました！ サイトやブログ、プレスリリースなど、ビジネス上では文章を書く機会がたくさんあります。今日は、ライティングに苦手意識のある方でも、簡単に良い文章を作成することができるツールをご紹介します。すべて無料で、会員登録やインストールも不要です。ぜひ気軽に使ってみてください。 ［目次］ ■1）誤字脱字、タイプミスを正して読みやすく ■2）やさしい単語を使って伝わりやすく ■3）表現を豊かにして魅力的に ■4）忘れてはいけない最後の微調整 ■5）文章のたたき台を作るのにおすすめ ■1）誤字脱字、タイプミスを正して読みやすく 良い文章の基本は、誤りがないことです。まずは、誤字脱字やタイプミスがないかを確認しましょう。 【1】誤字脱字、変換ミスのエラーをチェックできる 「Enno」 日本語のあからさまなエラー (タイプミス、スペースのエラー、誤

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css（縮小版はhover-min.css）

ループ素材・効果音・野外音響などさまざまな音源のダウンロード・アップロードが可能な非常にお役立ちで覚えておいて損はないデータベースサイトが「Freesound」です。Freesoundはスペインのバルセロナにあるポンペウ・ファブラ大学のMusic Technology Groupが2005年にスタートさせたプロジェクトで、Google・Portada・TECNIOなどがサポートしているサービスでもあります。 Freesound.org - Freesound.org http://freesound.org/ ◆使用方法 Freesoundを使って音源をアップロードしたりダウンロードしたりするには、まず専用のアカウントを作成する必要があります。 そんなわけでまずはアカウントを作成。トップページ右上にある「Register」をクリック。 登録画面では上からユーザー名・ファーストネーム(任意)

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。 単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。 “HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE デモページ 大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。 個人・商用利用無料。

HTMLやCSS、JavaScriptなどがわからない人でも、クリックだけでウェブサイトを作れるWebエディタ「Blocs」を触ってみました。「Blocs」はMacでつかえるアプリ。 Mac App Storeにはまだありませんが、作者のイギリス人デザイナーNormさんのサイトで購入できるようになっています。 価格は69.99ドルが今だけ49.99ドル。3日間無料のトライアル版も用意されています。 The Ultimate Mac Website Builder - Blocs スポンサーリンク 使い方 creen mozallowfullscreen allowfullscreen> 使い方は簡単。ブロック（BLOC）を積み上げてページを作成し、ブロックの中のBricと呼ばれるパーツを編集していくだけ。 ブロックはあらかじめ用意されているものから希望する配置に近いものを選んで追加していき