どのブログよりも分かりやすく読み手にやさしいサイトを作るために - LITERALLY
12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし（Photoshopの解説記事ばかりだが）、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分かりやすさファースト 専門的な内容についての記事でも、専門知識がない人が見ても分かるように解説する。 図、イラスト、画像を多用 文字は補足程度におさえるのが理想。 読みにきた人を騙さない 本当におすすめできるものへの広告しか貼らない。 読みにきた人をイラつかせない 派手なアニメーションなどは入れない。広告は最小限。 読みにきた人が求めている長さの記事を書く 無理やり長文にしない、また無理やりバラバラにもしない（サルワカでその内容に関する知識が手に入り、検索をやめられるのが理想）。 読みにきた人を置いていかない 今何の話をしているのか常に
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
検索順位を上げるSEO対策をイチから図解 - LITERALLY
今回の記事では、SEOに関して知っておくべきことをひたすら書いていく。SEOの基礎から説明していくため、SEO上級者の方は序盤は読み飛ばして頂きたい。また、SEOがマネタイズにどう繋がっていくのかについても取り上げていく。 SEOとはざっくりと言うと「グーグルなどの検索エンジンで、上位表示されるよう最適化すること」を意味する。SEOを強化し、グーグルであるキーワードが検索されたときにページ上位に表示されるようになれば、多くの人にサイトを見てもらえるようになる。具体的な方法論を説明する前に、なぜSEOが重要なのか順を追って説明していこうと思う。 SEOによる集客が最強の理由 例えば「ブログを書き、なるべく多くの収入を得たい」場合について考えてみる。 ※いきなりお金の話になってしまい恐縮だが、わかりやすいので。たとえば、あなたが仮に「レシピ」ブログを運営していた場合、収入を得る方法としては以下
仕事ができる人とできない人の25の具体的な違い：今すぐできる業務効率化の方法 - LITERALLY
仕事ができる人とできない人の『生産性』の違い 1. 目的について 仕事ができない人は、目的を曖昧にしたまま仕事に取り掛かる。 仕事ができる人は、何かを頼まれたら「なぜその仕事をする意味があるのか」本質的な目的を聞く。 目的が不明確なまま仕事をしていては、頼まれたこと以上のアウトプットはできない。また、本質的な目的が分かっていれば逐一「ここはどうすれば良いですか？」と聞かなくとも自分で考えて仕事が進められる。 2. タスク管理について 仕事ができない人は、タスクを頭で全て覚えようとする。 仕事ができる人は、紙やアプリ、PC、付箋に記憶させる。 無駄なエネルギーを使わず、意思決定・問題解決のために頭をフル回転させる。 3. 集中できる環境づくりについて 仕事ができない人の携帯は、仕事中でもメールやLINEの通知がひっきりなしに鳴る。 仕事ができる人は、集中力を阻害するものを意識的にOFFにする
はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） - LITERALLY
以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し
１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY
Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの１年間に実行した8のステップ（デザインの勉強4＋Webデザインの勉強4）をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン（グラフィック・デザイン）
保存数500超えのPocketから、何度も読みたい良記事を紹介していく - LITERALLY
Pocketには本当に気に入った記事・心を動かされた記事が保存されていて、たまに見返すとかなり面白い。今回は保存してきた記事の整理がてら、何度も読みたい記事を厳選して紹介してみようと思う。 まなび系の記事 もらえる経験値を最大化する「正しい努力」のまとめ 努力することについて精神論だけでなく、段階を踏んで論理的に説明している記事。 今すぐ動画で「プログラミングの基礎」を独学できるWebサービス10選はコレだ！ ぼくはプログラミングを学び出したときはドットインストールを使っていたが、他にも色んなプログラミング学習サービスがあるので、自分のレベル・性格に合ったものをうまく使い分けると良い。 UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ どのスライド資料もクオリティが高く、短時間で効率よくUIデザイン・Webデザインの基礎を学ぶことができる。 人を惹きつけ人を動かす文章
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
