デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール
※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための「比率」が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青銅比、白金比、第二黄金比など、利用される比率は複数存在します。 そこで今回は、その中でもよく使われる黄金比・白銀比を簡単に、自動で計算してくれる便利なサービスを5つ選んでみました。 黄金比とは 黄金比とは、「Golden Ratio」の日本語訳で、1：1.618という人間にとって最も安定し、美しく感じられる比率のことです。 正方形の一辺にその約60％分の長方形を足した時、自然とバランスが取れていると感じることができます。名刺などの縦横比もほぼ黄金比で構成されており、有名なものをあげると、パルテノン神殿、モナ・リザ、ミロの
WordPressサイトをhttpからhttpsにSSL化する方法【対応手順を丁寧に説明】
「WordPressサイトをhttps化したいけどどうやったらいいの？」 WEBサイトやブログの運営を行っている上で最近何かと話題になっているhttps化、皆さんはすでに実装済でしょうか？ httpsにすることをSSL化ともいいますが、GoogleがSSL化していないサイトに対して警告を送るようになったことから、慌てて対応しようとしている人も多いと思います。 今回はhttpsがどういったものなのか、そしてWordPressサイトでどうやってhttps化させるかをご紹介いたします。 難しそうに聞こえますが、実は簡単です。 この記事を読んで、順序どおりに進めればすぐにでもhttpsにすることができるでしょう。 httpsとは？ httpsを説明する前に、HTTPについて少しばかり知る必要があります。 HTTPとは、Hyper Text Transfer Protocolの略で、ウェブの通信をす
プロが実践しているロゴの作り方
はじめまして。デジタルを軸にしたクリエイティブ・エージェンシーPARK Inc.のアートディレクターの佐々木智也（@tomosasaki）と申します。 昨今、ロゴを取り巻く環境は大きく変わりつつあります。日々誕生するスマートフォンアプリやWEBサービスの台頭によって、ロゴをつくる機会は確実に増えてきています。 特にWEBデザイナーの方は、WEBサイトやアプリのUIデザインの延長上でロゴをつくることになり、戸惑うことも少なくないのではないでしょうか？ 今日は、ロゴのデザインに強みや専門性をもっているデザイナーがどのようにロゴをつくっているかを紹介していきます。これでもう、ロゴデザインを恐れることはない、かもしれません。 ロゴデザインにおける大切なポイントをおさえよう なぜロゴが必要なのか？ まずはそこから考えてみましょう。 企業や商品をはじめ、アプリやサービスには、かならず強みや他と違う魅力
全くの初心者が独学でWeb制作できるようになるまでの効率の良い勉強の進め方
独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ
新米デザイナー必見！今すぐ使える広告インパクトをあげるイラストレーターの使い方
広告やバナーを製作する際、大切なのが読み手に「インパクト」を与えること。どうやったら目を引く広告がデザインできるのか・・。そう悩むデザイナーの方も多いのではないでしょうか。 そこで今回は、Illustratorの基本操作だけでできる、簡単な表現技術をいくつかご紹介します。 枠からはみ出す 画像リンク：mebic.com こちらはとてもシンプルにインパクトがだせる方法。広告サイズが決まっていると、「この枠の中に情報を収めなければ」と考えがちですが、きちんと可読性さえ残しておけば、すべてを枠の中に収める必要はありません。広告枠からどーんとはみ出せば、広告全体に勢いをつけることができます。 画像リンク：countach.tv こちらのルーツの広告もそうですね。街にある広告などをよく見て回ってみると、「枠をはみ出す」という効果は以外と使われています。今回ご紹介する広告のいくつかにも適用されているの
【簡単習得】プログラミング言語PHP超基本文法
こんにちは。 プログラミングをしてみたいけど、何から初めて良いか分からない。WordPressは使ってるんだけど、プログラムレベルでカスタマイズしてみたい。MAMP・XAMPPをダウンロードしたけど、どうやってプログラムを書くのか。 この記事では、PHPの基礎の基礎の部分をご紹介します！サンプルと解説を用意しているので、ぜひ読みながら実践してみてください！ （環境: Mac OS X El Capitan バージョン10.11.2, PHP 5.6.10 を使用しています。） PHP 基本編 PHPブロック sample ) helloworld.php [php] <?php echo ‘Hello World!’; ?> [/php] ここに、PHPのサンプルプログラムがあります。 このPHPプログラムの「 <?php 」がPHPブロックの開始タグと呼び、「 ?> 」の部分を閉じタグと
備えあれば憂いなし！Wordpressのバックアップから復元までの方法まとめ
「Wordpressのデータが消えてしまった！」「Wordpressのデータがバグってしまった！」などなど、Wordpressでサイト運営をしていると予期せぬデータトラブルに巻き込まれることがあります。 もしバックアップを取っていなかったならば、以前の状態にもどすことはまず不可能です。それまでにWordpress記事作成に割いた多くの時間と労力が完全にムダになってしまいます。 こうした事態を未然に防ぐためにも、Wordpressのバックアップを定期的に取ることはとても大事です。いつかあなたにも起きるかもしれないWordpressのデータトラブルに備えてほしいので、今回はWordpressのバックアップ方法と復旧手順を紹介します。 そもそもなぜWordpressはバックアップが大事なの？ WordPressで作成した記事や画像のデータはデータベースに保存されます。htmlファイルに直接書き込
デザインの原理原則がわかる8つの記事 | creive
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
最近話題になったイケてるWebサービス・アプリ10選（2015年3月編）
こんにちは。 4月になりましたので、3月中に話題になったWebサービスやアプリを10個ほどご紹介します。 TSUKURITTE（ツクリッテ） TSUKURITTEは「アイデアはあるけど具体化してくれるプロダクトデザイナーがいない」「小ロットから生産してくれる工場が見つからない」などの課題を解決するためのプラットフォームです。 コーディネーターが介在し、1500ほどの工場や工房・プロダクトデザイナーなどの「つくれる人」と、商品を「つくりたい人」とを繋げるサービスです。 コーディネーターを間におくことで、工場やデザイナーに問い合わせをする際に発生するハードルや、要件定義の煩雑さを省くことができます。 ワンコインランチ（食べログ） 食べログが運営する、対象店舗のランチを500円で食べられるサービスです。 食べログの月額500円のユーザー対象の有料サービスで、ランチクーポンに掲載している全店で、限
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
センスとアイデアに富んだ16枚の広告＆コンペ作品
商品を訴求するだけでなく、世の中の話題になる広告というものがあります。 今回は、実際に街中でみかけた広告から、広告賞を受賞したコンペ作品まで様々な広告を16枚程ご紹介します。 やっと気付いた。この仕事、しんどい。 大阪商工会議所と文の里商店街（大阪市阿倍野区）が町おこしを兼ねて開催した「ポスター展」。 そこで最優秀グランプリに選ばれた「大嶋漬物店」の作品。「お漬かれさまでした。」というサブコピーのインパクトが大きいです。 以前creiveでも取り上げましたが、商店街の活性化につなげようと、電通の若手社員60人が参画し、無償で52店舗分の計200点のポスターを制作しました。制作されたおもしろポスターが、買い物客をにぎわしました。 → 商店街ポスター展 では、ねぎまになってきます。 こちらも、以前creiveでとりあげた、伊丹西台地区の「商店街ポスター展」。そこで登場した、阪急伊丹線の伊丹駅に
最近話題になったイケてるWebサービス・アプリ10選（2015年2月編）
こんにちは。 3月が始まりましたので、2月中に話題になったWebサービスやアプリを10個ほどご紹介いたします。 KURADASHI.jp KURADASHI.jpは、本来であれば廃棄されてしまう商品を、最大で希望小売価格の90%オフで販売し、売り上げの一部を寄付する社会貢献型のサービスです。 サイト上ではスナック、飲料水やカップラーメンから化粧品まで様々な商品が並びます。 売り上げの一部は、食料問題に取り組んでいるNPO法人「TABLE FOR TWO International」などの団体に寄付されます。新しい消費の形ですね。 Listband（リストバンド） Listbandは、YouTube動画をつなぎあわせて、自分のアルバムを作成できるWebサービスです。 アルバム1枚あたりの収録可能時間は、実際のCDと同じ74分42秒に設定。自分のベストアルバムを、過去にCDやMDでなど制作した
無料で使える！人気の日本語フリーフォント20選【おすすめ】
こんにちは！ 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました！ 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね！ →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
最近話題になったイケてるWebサービス・アプリ11選（2014年10月編）
こんにちは。 11月が始まりましたので、10月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Syn. 「Syn.」は、インターネット上でさまざまなサービスを提供する12社を連携させるKDDIの構想です。 Syn.menu という共通のサイドメニューを設置し、ニュースやカレンダーアプリ、ファッション情報など、サービス間の行ききをスムーズにします。また各サービスの新着情報を知らせるSyn.notification 機能も搭載。 このアライアンスに参加するのは、@cosme、ゲームギフト、ウェザーニュース、報道ヘッドライン、ジョルテ、音楽ナタリー、コミックナタリー、nanapi、NAVITIME、はてなブックマーク、iQON、Qrank、LUXA の12社。 今後の展開が非常に楽しみです。 Takestock Takestockは、近くの図書館や、本屋の在庫状況がわかるiPh
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
2013年に話題になったデザインに関する「考え方」が変わる記事14選
デザインをしつづけていると、たまに柔軟に考えられなかったり、自分のデザインに対して疑問を感じるときがありませんか？ そういうときは一度、初心にかえってデザインに関して考え方を見直したり、インスピレーションを刺激することも大切です。 また、デザイン思考を身につけるためにも、常日頃から考え続けることも重要です。 今回は、過去に話題になり、読むだけでデザインに関する「考え方」が深まる14個の記事をご紹介します。 デザインに対する考え方が変わる・深まる記事 これはウェブページです｡ ウェブデザインの本質は､言葉です｡ ウェブで一番強力な道具は､今も昔も言葉だということを、思い出させてもらいました。 ▷これはウェブページです｡ 選ばれるウェブデザインとは ９つの基本的なルールと感情に訴えるデザインについて詳しく書かれています。 サイトの使いやすさだけでなく「ユーザーがそのサイトにどんな感情を抱くか」
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
ロゴデザインの参考になるWebサイト10選
ブランドの顔としての役割を果たす「ロゴマーク」。 企業のロゴやサービスのロゴは、その会社やサービスのメッセージを発信するとても重要な意味を持ちます。そんなロゴのデザインを行う際に、数多くのロゴを見ることでデザインの引き出しを増やすことは必要不可欠。 そこで今回は、ロゴデザインが画像一覧で見られる海外や国内のギャラリーサイトを10個ほどご紹介します。会社やブランドのロゴ、かっこいいロゴからおしゃれなロゴまで、自分の目的に合った参考になるデザインが無料で見つかるのでぜひご活用ください。 参考になるロゴデザインが一覧でみられるWebサイト それではロゴデザインの参考になるWebサイトを10サイトほどご紹介します。ロゴ作成でお悩みの方はぜひ、訪れてみてください。 LogoPond LogoPondは、かっこいいロゴなどクオリティの高いロゴが集まる海外のギャラリーサイトです。 ロゴ作成時にインスピレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Sketch」の記事一覧
http://creive.me/archives/5818/
