LITERALLY

知っておくと楽しい知識をまとめて紹介

デザイン

コピペで使えるおすすめの配色パターン見本集 25 (全組み合わせWebカラーコード付)

ジャンル別に配色パターンをひたすら紹介していきます。おしゃれ・カッコイイ・かわいいなど探していた色の組み合わせが見つかるはずです。全てWebカラーコードをのせています。

どのブログよりも分かりやすく読み手にやさしいサイトを作るために

12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし(Photoshopの解説記事ばかりだが)、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分か…

手っ取り早くWebデザイナーになるには?現実的な方法と8つのポイント

Webデザイナーになるにはどうしたら良いか。この記事では手っ取り早くWebデザイナーになる方法を紹介する。 1. Webデザイナーを目指す前に考えておきたいこと まず、年単位でWebデザインを学ぶような専門学校に通う必要はない。Webデザインスキルはもっと低…

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

デザイナーに限らず「配色」と「色の心理効果」を知っておくと何かと役立ちます。この記事では基本的な「配色」について画像と図をたくさん用いて徹底解説します。

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

デザインの原理原則から、テクニックまで図と写真を使って丁寧に説明していきます。デザイナーも、ノンデザイナーも実践すればオシャレなデザインができるようになるはずです。

Webデザイナーが一度は読んでおくべきおすすめの本13冊

デザイン初心者から上級者まで読んでおくとスキルアップできるリファレンス書籍をまとめます。デザインセンスを磨く本からインスピレーションを刺激してくれる本まで。

はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法(テーマDUDEの手引き)

pre.code { font-size: 12px; padding: 10px; border:0px; color: #839FD8; background: #F9F9F9;} 以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法…

海外旅行の思い出を残していく写真ブログを作ったので、Webデザインについてまとめておく

▶ TRAVELER 旅行の記録用にひとつ、Webサイトを作ってみた。 2年前に出た世界一周のことを、覚えているうちに形にして残しておきたかったのだ。それに「今までどこを旅行したか」ということも、すぐに振り返れるようにしたかった。海外旅行の分がだいたい書…

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

先日『1年でフリーのWebデザイナーになった僕が実行した8つのステップ』という記事を書いたところ、フリーランスデザイナー志望の方からクライアントからの仕事のもらい方や価格設定等についてご質問を頂いた。今回は、返答がてらフリーのデザイナーが仕事…

クリエイティブになりたければ"感動を蓄積"しよう。

work work..... | Flickr 人を感動させるようなアイデアは、自分自身の感動体験から生まれる。言い換えれば、自分自身が感動すること無しに、人を深く感動させるモノは作れない。 なぜなら人間は自分の感情記憶をよりどころにすることでのみ、他人の心の動き…

写真を引き立たせるハイセンスな海外写真家のポートフォリオ10選【WEBデザイン】

1.Fredrik Clement 写真家のポートフォリオサイトで使われることの多い「フルスクリーンの背景写真 + 文字(タイトルとメニュー)」タイプのWebデザイン。動きのある写真の迫力が存分に伝わってくる。モバイル表示はとてもシンプル。スマホを横に傾けて見る…

写真をオシャレに整理するならTumblrが最強。【超簡単なポートフォリオWebサイトの作り方】

写真を撮ったらせっかくだから多くの人に見てもらいたい。しかし、てきとうに作られたブログにアップするだけでは綺麗に撮られた写真も、価値が半減してしまう。逆に言えば、写真は見せ方・まとめ方によって、何倍もカッコよく見せることが可能だ。 「写真を…

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

Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学ん…

はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズ…

創作意欲が刺激されるほどクリエイティブなウェブデザインを14つまとめて紹介

こだわり抜かれているウェブデザインを多く見ることは想像力を豊かにしてくれると思う。本当にクリエイティブでクオリティの高いサイトを見ると「自分も何かを作りたい!」と創作意欲が強く刺激されることもある。 今回はぼくがここ数年間で見てきたウェブペ…

写真を美しく整理できる「写真共有サービス」「webアルバム」を比較してみた

写真共有系のウェブサービスが国内外で次々と登場している。サービスの数が膨大な上、どれも機能が似たり寄ったりなので、用途にあったサービスを選ぶのが難しい。 各々の用途に最も合った写真共有系ウェブサービスはどれなのか選ぶときに参考になるよう今回…

アマチュアのカメラマンが写真でお小遣い稼ぎするパターンを考えてみる

最近はカメラの性能向上により、誰でも綺麗な写真が撮れるようになった。同時に、ネットの普及により、アマチュアカメラマンのお小遣い稼ぎもずいぶんと簡単になったのではないかと思う。せっかくの撮り貯めた写真を、PCやHDDの奥底にしまっておくのはもった…

プレゼン資料・企画書のデザインを超簡単にオシャレに見せる9つのコツ

企画書や提案書は、デザインのコツをいくつか覚えるだけで劇的に見やすく、分かりやすいものになる。デザインが洗練されて、今風のものになればそれだけで説得力は倍増する。幸いなことにデザインの良し悪しについて明確に判断出来る人は少ないから、そこそ…

ウェブページを一瞬でオシャレにするオススメのGoogle Web Fontsを厳選してみた

Webフォントとは ページ中のテキストの表示に利用するフォントデータを指定した場所からダウンロードして適用できるようにするもの。Webフォントを使用すると、閲覧者のPCに指定のフォントが存在しない場合でも、インターネットでフォントデータを自動的に読…

これで十分!ウェブデザインの参考になるギャラリーサイト8選

デザインを0から全て考えつくのは難しい。ぼくは元々グラフィックデザインを中心にやってきたから、ウェブデザインを始めてから特にそう感じる。ウェブ上で何ができて、何ができないのか、完全に把握していない中では、既存のイケてるサイトを参考にしなが…