はてなブックマーク

ページを作ったあとの改善フローのセオリー | Webデザインセオリー Advent Calendar 2015 2015/12/24 | カテゴリー: Creative | タグ: EC, まとめ, 考え方 タイトルとURLをコピーする Tweet yatさんに直接声をかけていただいたので Webデザインセオリー Advent Calendar 2015 というお題に対して記事をかいてみました。 Webデザインセオリー Advent Calendar 2015 とは デザイン、レイアウト、フォント、カラー、イラストなど、デザインに関するブログを書きましょう。 Webデザインを作る上で使う、ツールの使い方なんかでもOK！ 小ネタやTipsから、ガッツリとした記事、どんな形式でも構わないので、やってみませんか？ といった企画のアドベントカレンダーです。 最初に Webデザインセオリーと聞いてす

この単焦点レンズの魅力について この単焦点レンズの魅力としては「明るい」「ボケる」「軽い」ってところです。 ダメな部分としては「ズームできない」。ただ「ズームできないから足をつかって構図を決めるので、新たな構図や距離感で撮ることになり、結果として撮り方を覚えられるのが良い」などと一般的に言われることが多いです。 ズームできない事への不満 ではなぜメーカーが出しているレンズキットのレンズがズームレンズが多いのでしょうか。それはズームできるレンズが便利だからです。少なくとも私はそう感じました。 入門機に単焦点をつけて売ってしまうと不満が溜まりやすいと思うのです。「アップで撮れない」「ズームできない」「壊れてるんじゃないの」など。 デジカメを使ったことのある人は、ズームできるのは当然で、焦点距離を変えられないレンズがあるなんて思ってもいないかなぁと。 このズームレンズの良いところ ズームレンズは

カメラ初心者がカメラ初心者に贈る、絞りとシャッタースピード、ISO感度の話 2014/08/18 | カテゴリー: Creative | タグ: tips, カメラ, 写真 タイトルとURLをコピーする Tweet わたしがデジイチを使っているので、デジタル一眼レフカメラの絞りとシャッタースピード、ISO感度について書いていきますね！ 写真は光をどんな風にどれだけ取り込むかを考えるものだと思っています。夜とか暗いところでなかなかうまく撮れないなぁって思うことが多いのは、光が少ないからなんです。 その辺を自分で調節してみようってゆーのが、絞りとシャッタースピードです。 そして、ISO感度ってやつにもふれたいと思います。 絞り（f値） 絞りはレンズの中にある、人間で言うところの瞳孔のようなものです。開いたり絞ったりして光の量を調節したりします。背景のボケ具合を調節できます。 絞り（f値）が小さ

ブログリニューアル時に助けられたプラグインや考えた事 #WordPress 2013/05/29 | カテゴリー: Creative | タグ: Blog, WordPress, まとめ, プラグイン, 考え方 タイトルとURLをコピーする Tweet このブログは結構前にデザインしていたので、 新しくしたいなとは思っていたのですが、 結構前に、やっとリニューアルしたものをアップしました。 これがリニューアル前のデザインです。 まずはURL変更 どーゆー事かと言うと、 ブログのカテゴリやタグがゴチャゴチャいていて、 かつカテゴリをURLに含んでしまっていて変更するとURLも変わってしまうため、 整理したくても出来ない状態でした。。 こんな感じ。 backless.org/design/999.html「カテゴリーがdesignの場合」 カテゴリを変更すると backless.org/css

食品系ECサイトで大事な考え方をまとめてみた 2013/01/30 | カテゴリー: Creative | タグ: EC, tips, マーケティング, 考え方 タイトルとURLをコピーする Tweet 食品系ECサイトで大事なことを頑張ってまとめてみたよ。 ターゲットをはっきりさせる まずターゲットをはっきりさせましょう！ 誰に買って欲しいのか。 要はペルソナ（架空の顧客像）ってやつですが。 もっと具体的に言うと、 有名な紅茶専門店とのオリジナルコラボ商品を売る場合 30代前半で、子どもはいない。専業主婦。夫の年収は600万。 オシャレなライフスタイルに憧れていて、 ちょっとした自慢をしながらカフェでお友達とお話したい。 ちょっとミーハーな感がある。 雑誌GINZAを読んでいる。 とか！ このあたりがしっかり見えてくると、 デザイン、写真の撮り方、写真の使い方、キャッチ、コンテンツの流れ

最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2

最初に勤めたWeb制作会社で教えてもらった素人デザイン脱却ポイント 2013/01/23 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet デザインをやったことある人ならわかると思うのですが、 「自分の思うようにやってみたらすごいのが出来てしまった。。」 って事ありましたよね？ こういったことで悩んでいる方の参考になったらうれしいなと思って、 自分が最初に勤めたWeb制作会社で教えてもらった素人っぽいデザインから脱却するポイントをまとめてみました。 ダメなデザインの例 今回はこれをキレイにしていきましょうね！ さてさて、 早速ですがコレをみてどう思いますか？ Photoshopを学び始めると色々な機能があって、 それを使いたくなるんですよねｗ 私もそうでした。 そしてその機能を分かりやすく目立つレベルで使ってしまうんですｗ それが

ダンディーでモダンなイケメンフォント「小塚ゴシック」 #LOVEFONT 2012/12/17 | カテゴリー: Creative | タグ: Font, LOVEFONT タイトルとURLをコピーする Tweet 1. 小塚ゴシックはダンディー Adobe製品をもっている方ならお馴染みの小塚ゴシック。 なんか渋いですよね、特に「小塚」って部分がｗ 6ウエイトもあって、懐の深さがうかがえてダンディーですｗ （前回の記事を踏襲してイケメンという表現をさせていただいていますw） 2. 小塚ゴシックの成り立ち そんな小塚ゴシックの成り立ちですが、 小塚昌彦さんが定年後、63歳という年齢でアドビシステムズ株式会社に入り、 72歳でリリースしたフォントです！ （しびれませんか？ かっこいいですよね！） もっと小塚さんの経歴を書くと、 毎日新聞社に入社し、活字体を開発。 その後、株式会社モリサワにて「

第1回 イラスト描いて楽しいな大会 2012/09/10 | カテゴリー: Creative | タグ: JPGirl, イラスト タイトルとURLをコピーする Tweet 2回目があるか不明ですがｗ ひょんな事から自分を含め4人の方が、 あるテーマでイラストを描くことになりました。 Twitter上だと流れて消えていってしまうので、ここに残しておきたいと思います。 描くことになったざっくりとした流れ てつやしとかなさんがイラスト話で盛り上がってるところに、 「おだんご女子描いてよー」と突撃したのがはじまりです。 んでうまい人との比較で、普段全く絵を描いたことがない私も参加することにしました。 あと、俺が苦戦して「女の子の絵むずかしい」ってつぶやいてたら、 こにしがそれを見て「どれどれ？」と、ススッと描いてくれました。 今回は俺のオーダーで、「おだんご」「ぱっつん」「メガネ」「笑顔」な女の

オシャレ家具雑貨のインテリアショップまとめ21選 #もちろんサイトもオシャレ 2012/09/06 | カテゴリー: Creative | タグ: まとめ, 家具 タイトルとURLをコピーする Tweet インテリアのおしゃれなサイトを集めてみました！ 今回はECサイトということで、自分がお客さまだったらという目線で、 「ここがこうだったら使いやすいのに」とか 「これは分かりやすくてつい買っちゃうかも」とか そんなコメントを入れてみました。 こんなすごいサイトに向かって何言ってんだこいつ。何様だよと感じる事もあるかと思いますが、 こんな意見もあるんだと思っていただけたら幸いです。 オシャレなインテリアサイト21選 インテリア家具・雑貨の通販MoMA STORE | ギフト・誕生日プレゼントに最適なグッドデザイン シンプルにまとめられたグロナビ。 そこからカテゴリページにとんでも、大小サイズ

ECサイトで使える！ 商品一覧の画像をいじらずに「売り切れ」などを表示させる方法 2012/07/26 | カテゴリー: Creative | タグ: CSS, EC, hover, jQuery, tips タイトルとURLをコピーする Tweet PSDを開いて編集して保存してアップして。。 なんてことをしなくても、テキストのみでサクッと更新できるので便利です。 ちょっとイメージしづらいかもしれませんねｗ アスマル とかでやってる、こんなのです。 大きい会社とかだと、このへんも設計済みで、 自動で「SOLD OUT」になったりとかあると思いますが、 「自動？なにそれおいしいの？」という方へ。 1. 互換性のある書き方 HTML <div class="item"> <p class="news1">大人気</p> <p><a href="#"><img src="001.jpg" al

WordPressの「続きを読む(more)」を右寄せにする方法 2012/01/07 | カテゴリー: Creative | タグ: more, WordPress タイトルとURLをコピーする Tweet 今まで右寄せで放置してたんですが、 ほかのブログさんを踏襲して右寄せにしてみました。 方法をメモめも。 続きを読むを囲っているaタグに.more-linkが自動的に付くので、 そのクラスに、ブロック要素にして横幅指定してテキストを右寄せとか、 それだけでもいろいろやり方はあると思うんですが。 上記をやるとしたらこんな感じ .more-link { width:600px; text-align:right; display:block; } ただ、続きを読むを囲っているaタグの外側のブロック要素にクラスを付けたかったので、 修正してみました。 今回やったこと /wp-includes

iMacを持ってるMac初心者の私がMacBook Proに買い替えた理由 2012/02/18 | カテゴリー: Creative | タグ: Apple, Mac タイトルとURLをコピーする Tweet iMacを持っていたのになぜ、 MacBook Proを買うに至った経緯や、 移行で困ったポイントなどを書いていきます。 初めて買い替えを考えている人の参考になれば嬉しいですw その過程には、下記4つがあります。 1. 今持っているiMac（20インチ 2008）が若干遅くなってきた。 2. iMacとiPadの中間が欲しいと思った。 3. Macを売れることを知ったｗ 4. Macbook Airと迷った！ 1. 今持っているiMac（20インチ 2008）が若干遅くなってきた。 特にLionにアップデートしてから遅いなーと感じるようになってきたので、 徐々に新しいものが欲しくなっ

やさしくてレトロでモダンなイケメンフォント「丸明Fuji」 #LOVEFONT 2012/02/05 | カテゴリー: Creative | タグ: Font, LOVEFONT タイトルとURLをコピーする Tweet WEBCRE8さん発の#LOVEFONT、2記事目ですー。 前回、考えたときに2番めに好きなのはこれかなーと思ってたので、 「丸明Fuji」を書きたいと思います。 すでにMieさんが「丸明オールド」を書いていたり、 まよさんも「丸明オールド」を好きすぎると書いていましたが、 私も書いちゃいますw すいませんw mieさん：miencoblog一世風靡したfont「丸明オールド」 #LOVEFONT まよさん：グラフィックデザイン研究室mayolaboデザインフォント「優雅宋」 #LOVEFONT 1. 丸明Fujiは優しい やっぱり普通の明朝とは違って鋭さがないので、 印

3月のライオン 6巻の感想 2011/07/22 | カテゴリー: Life | タグ: 3月のライオン, マンガ タイトルとURLをコピーする Tweet