sawarabi0130のブックマーク - はてなブックマーク

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次カラフルな配色パターン橙系の配色パターン青系の配色パターン緑系の配色パターン黄色系の配色パターン赤系の配色パターン高級感を表現する配色わび・さびを表現する和風配色シンプルに格好良いグレーの配色カラフルな配色パターン 1. 淡い﹁カラフル﹂ ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DB DB DB 淡いカラフルな配色は、白の背景に合わせると﹁透明感﹂を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い﹁カラフル﹂ ■

sawarabi0130 2016/11/03

リンク

さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 - LITERALLY

今回は知っておくと何かと役立つ﹃配色の基礎知識﹄と﹃色の心理学﹄についてまとめます。 1. 色を決める3つのパラメーターをおさえようまず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。色相赤、青、黄などの色みの違いを表します。これは分かりやすいですね。彩度色みの強さの度合いを表します。いわゆる﹁あざやかさ﹂ですね。明度色の明るさの度合いを表します。限界まで明度を高くすると白になります。逆に限界まで低くすると黒になります。この3つは﹁色の三属性﹂なんて呼ばれたりします。この3つは配色の話で何かと出てくるのでおさえておきましょう。 2. 補色について知っておこう色相の並びをぐるっと1周つなげたものを色相環と呼んだりします。この色相環において、向かい合う2色ペアーの関係を補色と言います。この補色関係にある2色は、お互いを引き立

sawarabi0130 2016/11/02

リンク

全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY

デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.﹁1/3ルール﹂を覚えようレイアウトや写真の構成を考えるときには、黄金比*1よりも﹁1/3の法則﹂が便利だ。上の図のように、全体を9等分割したとき、各線の交点︵図の丸点︶に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう写真や文などの﹁要素の端﹂をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう情報がたくさん詰め

sawarabi0130 2016/10/27

webデザイン

リンク

海外一人旅をとことん楽しむコツとおすすめの国 10選 - LITERALLY

海外を一人で旅すれば、見知らぬ場所を突き進む冒険感と、全てを自分で決め、全ての責任を自分で負う究極の自由を味わえる。一人なら、景色、食事、人の優しさにじっくりと焦点を当てて、堪能することができる。誰かと一緒になら﹁綺麗だね﹂﹁美味しいね﹂という会話と共に、どこかに流れていってしまうような景色の美しさも、料理の味わい深さも、心ゆくまで自分の中で咀嚼し、味わって、消化できる。これが一人旅の醍醐味だ。この記事の目次一人旅におすすめの国10選一人旅を楽しむためのコツ 1. 一人旅におすすめの国10選 1. 初心者・短期間ならシンガポール治安‥★★★★★ 観光‥★★☆☆☆ 食事‥★★☆☆☆ 往復航空券‥約5万円〜航空券代は、12月末頃に東京から往復した場合の概ねの最安値︵SkyScannerの金額︶アジアの中でも日本に次いで︵下手すると日本以上に︶治安が良いのがシンガポールだ。高層ビル

sawarabi0130 2016/10/17

リンク

テスラの電気自動車(EV)がいかにスゴイか11点に分けて説明する - LITERALLY

最終更新日‥2016/11/23 先日の自動運転事故により、嫌な形で知名度が上がってしまったテスラだが、現状、テスラ車の魅力は自動運転機能にあるわけではない。自動運転機能がなくとも、テスラ車は素晴らしい車だ。このことを意外と知らない人が多いので、熱弁したい。僕の友人に、テスラのモデルSに乗っている人がいる。何度か一緒にドライブに行き、自分で運転させてもらったこともある。テスラ車に初めて乗ったとき、その完成度の高さと先進感に心底驚いた。新しい形の車に、心が躍った。これほど乗る人の心を躍らせてくれる車を、ぼくは他に見たことがない。はじめてiPhoneを手にしたときと同じような、いやそれ以上の感動があった。そして、何より、これほどの車を10年あまりで開発し、量販にまで漕ぎ着けたことは衝撃的だ。約80年の歴史があるトヨタと、たった10年で戦えるようになったのだ。スゴさでいえば、ラグビー日本代表

sawarabi0130 2016/08/03

自動車

リンク

聴衆を惹きつけ納得させるプレゼンテーションを作る5つの方法 - Literally

プレゼンテーションはいくつかのポイントを押さえれば、大幅に分かりやすく、説得力があり、オーディエンスの心を掴むものになる。今回はパワーポイント等でのプレゼン資料の作り方のポイントを５つに分けて紹介する。 1. 作り出す前に構成をざっくりと考える聴く人の腹に落ちるプレゼンテーションをしたければ、まず構成を練ろう。行き当たりばったりで、思い付いたことをスライドにまとめると、最も伝えたいメッセージが薄れてしまったり、論理構造が狂ってしまう可能性があるからだ。一方で、実際に手を動かしてスライドを作っていく中で良い表現は浮かんでくるのも事実。そこで最低限、あらかじめ次の2つをざっくり書き出すようにする。最も主張したいメッセージ (結論）プレゼンのどこかしらに盛り込みたいこと次に、書き出されたものを見ながら、どうやって(1)結論までのストーリーを作るか考える。以下に、そのストーリーの代表的な

sawarabi0130 2016/07/10

プレゼン

リンク

「大企業病」感染から発症、末期症状までのプロセスについて - LITERALLY

1. 大企業病の感染源優秀な人たちばかりの会社でも、人数が増えれば大企業病にかかる恐れがある。優秀な人しか採らないようにしても、無能な人は少なからず入ってきてしまうためだ。無能な人がいれば、当然仕事の進みに鈍りが生じる。無能な人と一緒に仕事をすることに嫌気がさした優秀な人はどうするか。﹁ルール﹂を作る。誰でも仕事がスムーズにまわるよう、明確でわかりやすいルールを作る。このルールこそが一時的に事業を前へ押し進めるものの、後々﹁大企業病﹂を発症させる原因なのである。 2. 大企業病の発症無能な人はルールに固執したがる。﹁ルールだから﹂と突き放し、頭を使って考えることをしない。本来は、仕事をスムーズに、正確に進めるために作られたルールがいつのまにか足枷になる。なぜなら、どんなケースでも最適なルールというものはほとんど存在しないからだ。そのときの状況によっても、時代によっても最適解というのは

sawarabi0130 2016/06/27

企業だけじゃない。日本全体が無能な老人に支配されて成長を阻害されている。

組織

リンク

仕事ができる人とできない人の25の具体的な違い：今すぐできる業務効率化の方法 - LITERALLY

仕事ができる人とできない人の﹃生産性﹄の違い 1. 目的について仕事ができない人は、目的を曖昧にしたまま仕事に取り掛かる。仕事ができる人は、何かを頼まれたら﹁なぜその仕事をする意味があるのか﹂本質的な目的を聞く。目的が不明確なまま仕事をしていては、頼まれたこと以上のアウトプットはできない。また、本質的な目的が分かっていれば逐一﹁ここはどうすれば良いですか？﹂と聞かなくとも自分で考えて仕事が進められる。 2. タスク管理について仕事ができない人は、タスクを頭で全て覚えようとする。仕事ができる人は、紙やアプリ、PC、付箋に記憶させる。無駄なエネルギーを使わず、意思決定・問題解決のために頭をフル回転させる。 3. 集中できる環境づくりについて仕事ができない人の携帯は、仕事中でもメールやLINEの通知がひっきりなしに鳴る。仕事ができる人は、集中力を阻害するものを意識的にOFFにする

sawarabi0130 2016/06/19

仕事術

リンク

世界中で10万枚写真を撮ってきた僕がおすすめのカメラ&レンズを紹介する - Literally

海外放浪をきっかけに本格的に写真を撮るようになりました。海外にいる間は、常にカメラを首から下げ、写真を撮り歩いていました。山の上から朝日を撮るために朝3時に起き、トレッキングに出ることもありました。パタゴニアの氷河の前で凍えそうになりながら、6時間崩落を待つこともありました︵本当に寒かった︶。日本に帰ってきてからも旅行にいくたびにカメラを持ち出し、写真を撮っています。ここ5年間の撮影枚数は15万枚を超えています。今回は次の3つについて解説していきます分かりやすいカメラとレンズの選び方おすすめのカメラぼくなら今どのカメラを選ぶかおすすめのレンズぼくなら今どのレンズを選ぶかイグアスの滝 by NEX-5N︵SONY ミラーレス一眼カメラ︶現在﹁おすすめカメラ﹂と検索しても、細かい性能差を比較した記事ばかり出てきてします。性能差を見ても結局どのカメラが良いのか分かりません

sawarabi0130 2016/05/12

カメラ

リンク

バックパッカーのための海外旅行の持ち物チェックリスト：安く快適に旅するためのグッズを総まとめ - LITERALLY

今回は、海外旅行で活躍する便利グッズの総まとめしてみようと思う。あまり知られていないが、意外にも旅行中に活躍するアイテムについては少し詳しく書くことにする。旅行前の持ち物のチェックに利用すると良いだろう。 1. 速乾タオル水泳選手などが使う、干せば数時間で乾くタオル。バスタオルを持っていくと結構かさばるが、速乾タオルであれば薄くて軽くかなり持ち運びやすい。吸水性が良いため、身体を拭くのも楽だったりする。洗っても数時間で乾くので、シャワー用のタオルはこれ1枚持っていけば十分。特にゲストハウスを泊まり歩くときにはマストアイテム。 ▶スワンズドライタオル 2. 全世界対応コンセントプラグ2つのパーツを組み合わることで、世界中のどの国のコンセントプラグも日本型に変えてくれる。一度に複数の国を旅しなくても次の海外旅行でも使うことができるので、ひとつ持っておくことをおすすめする。軽くて持ち運びに

sawarabi0130 2015/03/01

リンク

ブログ収益が月10万円を越えたので、SEO対策とアフィリエイトについてまとめてみる - Literally

2015-01-17 ブログ収益が月10万円を越えたので、SEO対策とアフィリエイトについてまとめてみる TIPS WEB 今日から3回に分けてブログ運営のテクニックを知っている限りすべて書いていく。とくに理由はないのだがせっかくここまで多くの人に見てもらえるようになったので忘れないうちにここまで試してきたノウハウをまとめておきたかったのだ。教えたくないこともあるが、ブログに対する執着心もそんなにないので全て書いてしまおうと思う。今回は①このブログのPV数等の振り返りと ②SEO対策の手法 ③アフィリエイト等のマネタイズについて次回は﹁ブログの運営テクニック全般﹂について、5つのポイント︵ライティング、コンセプトメイキング、読者登録、バズ、ネタ選定︶に分けて説明していくその次の回には﹁ブログ・Webメディアの未来﹂について仮説を基に書く予定このブログの現状について PV数2

sawarabi0130 2015/01/18

リンク

精神論抜きで”生産性”を向上させるために今すぐ実行できること - LITERALLY

ネットで情報収集をしていれば﹁生産性を上げる系﹂の記事はよく見かけるが、精神論について書いてあるものが多く、実際の行動に反映されないことが多い。人間、自分の中で強く決意したことでさえ1週間経てば忘れてしまうものだ。今回は、精神論抜きでぼくが実行していて﹁仕事が早く片付くようになった﹂﹁集中しやすくなった﹂と感じた行動・習慣を挙げてみようと思う。メール・メッセージチェックの時間を見直す PCで作業していて、メールが届く度に通知がポップアップされていては、集中力が阻害されてしまう。バイブ音が鳴っただけでも、何のメールなのか無意識のうちに気になってしまうものだ。作業に集中するために、メールチェックの時間はまとめて取ったほうが良い。1時間に1回や短くても30分に1回にしよう。大抵のメールはすぐに返事をしなくても問題ないはずだ。本当に緊急の連絡は電話で来る。タイマーを使うタイムリミットを

sawarabi0130 2014/12/23

仕事術

リンク

フリーランスのデザイナーが０から仕事をもらっていくための戦略をまとめてみる - LITERALLY

先日﹃1年でフリーのWebデザイナーになった僕が実行した8つのステップ﹄という記事を書いたところ、フリーランスデザイナー志望の方からクライアントからの仕事のもらい方や価格設定等についてご質問を頂いた。今回は、返答がてらフリーのデザイナーが仕事をもらっていくための戦略をまとめてみようと思う。あくまでもここで書くのはぼくが実行したことと、実行すれば良かったのかもしれないという個人的なアイデアなのでご注意くださいまた、ここではデザインスキル・プログラミングスキルがある程度あるものとして話を進めていきます Webポートフォリオを作るポートフォリオは知名度のないフリーランスが仕事をもらうための唯一の武器個人で仕事を進めていくのであれば、ポートフォリオは必要不可欠だ。身元もよく分からないフリーランスの仕事の質を保証してくれるのはただ1つ﹁制作実績﹂だけだからだ。当たり前だがポートフォリオには自

sawarabi0130 2014/11/30

フリーランス

リンク

世界一周した僕が「海外個人旅行」のテクニックと節約術を全部まとめてみる - LITERALLY

世界一周してから、友人や知人から海外個人旅行の方法について聞かれることが多くなった。今回は備忘録がてら﹁海外旅行の知識・テクニック・おすすめの持ち物・節約術﹂を知っている限り全てまとめて書いてみようと思う。とくに﹁個人旅行で海外に行きたいけど、手続きがよく分からず面倒だからツアーに参加してしまおう﹂と思っている人には是非読んでもらいたい。結構な長編なので、ブックマーク等しておいて海外旅行計画時に見ることをおすすめする。海外旅行の節約術航空券を最安で予約する航空券を取るときは航空券比較サイトを使おう。出発地と目的地、日程を入力するだけで値段順に各航空会社のチケットが一覧表示される。気に入ったものがあれば、そのまま航空会社のサイトに飛ぶだけ。下に紹介するサイトなら手数料もかからない。まずは﹃スカイスキャナー﹄今では航空券比較サービスは多数あるが、初めてなら最大手の﹃スカイスキャナー

sawarabi0130 2014/11/12

海外旅行

リンク

１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY

Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの1年間に実行した8のステップ︵デザインの勉強4＋Webデザインの勉強4︶をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。いちおう自己紹介を簡単に独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン︵グラフィック・デザイン︶

sawarabi0130 2014/10/26

リンク

保存数500超えのPocketから、何度も読みたい良記事を紹介していく - LITERALLY

Pocketには本当に気に入った記事・心を動かされた記事が保存されていて、たまに見返すとかなり面白い。今回は保存してきた記事の整理がてら、何度も読みたい記事を厳選して紹介してみようと思う。まなび系の記事もらえる経験値を最大化する﹁正しい努力﹂のまとめ努力することについて精神論だけでなく、段階を踏んで論理的に説明している記事。今すぐ動画で﹁プログラミングの基礎﹂を独学できるWebサービス10選はコレだ！ぼくはプログラミングを学び出したときはドットインストールを使っていたが、他にも色んなプログラミング学習サービスがあるので、自分のレベル・性格に合ったものをうまく使い分けると良い。 UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめどのスライド資料もクオリティが高く、短時間で効率よくUIデザイン・Webデザインの基礎を学ぶことができる。人を惹きつけ人を動かす文章