ブックマーク / creativememomemo.com (4)

  • ウェブサイトで珍しい形を取り入れたサイト14こ紹介

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ! 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白

    ウェブサイトで珍しい形を取り入れたサイト14こ紹介
    norip44
    norip44 2014/09/30
    これは…真似するには、難しすぎるやつ。
  • Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

    Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
    norip44
    norip44 2014/09/30
    この前、スマートオブジェクトについてうまいこと解説できなかったので(実力不足)、今度からこの記事を見せることにしよう!
  • ブログリニューアルしました!(2回目)こだわりとか気をつけたポイントとか

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは!最近日が長くなってきたことを嬉しく感じます。井畑です。 今回はブログのデザインをリニューアルしましたので、その際にこだわったポイント等を備忘録としてまとめておきます。 もちろん、「ココ何かへんじゃない?」等の突っ込みもおまちしております。それではどうぞ! と、その前に以前のデザインを紹介 新しいデザインの説明の前に、昔のデザインも紹介しておきます。このブログのリデザインは2回目です。1回目は1年ちょい前ですね。以前のリニューアルの時も記事にしたので気になる方はそちらも是非ごらんください:) 比較用に初代と2代目のキャプチャも貼っておきます。テイストは違えど、両方とも「メモや紙」っぽいデザインを意識して作成しました。 こちらが初代デザイン。可

    ブログリニューアルしました!(2回目)こだわりとか気をつけたポイントとか
    norip44
    norip44 2014/04/10
    Pjaxってちょいちょい聞くので、試してみたいです。自サイトでこうして実験されてるのは、まねっこしたいところ。
  • ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ

    こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し

    ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
    norip44
    norip44 2013/04/23
  • 1