WEBデザイン

1/3ページ

ホームページのパーツの名称 part2

今回は前回の続きで、下層ページのパーツの説明をしたいと思います。 今回も当社のサイトを例に説明していきたいと思います。 「ヘッダー」「グローバルナビ」「RSS」「フッター」は前回説明したので、今回は省かせていただきます。 パンくずリスト 今、閲覧しているページがホームページのどの位置にあたるのかを見るためのリストになります。 前のページに戻るときや、適切に設置すればSEO的にも良いみたいなので、こ […]

ホームページのパーツの名称

コーダーさんやプログラマーさんに説明をする時に、ここ何だったっけ?と、たまに考えてしまうことがまだある中野です。 今回はそんな私の為に、備忘録としてこの記事を書きます。 トップページ ヘッダー 基本的にはホームページの上部にあります。どのページにいっても基本は同じ位置に表示されています。何のホームページを見ているのかわかってもらう役割を持っています。 グローバルナビ ホームページの主要なページへ案 […]

動きの参考サイト

どうも中野です。 今日は動きの参考サイトを紹介したいと思います。 このサイトのココが良い!ってよくあると思うのですが、そうではなく、一覧で見やすくまとめてくれているサイトを今回は紹介したいと思います。 1.Photoshopvip http://photoshopvip.net/88174 ブログをよく参考にさせてもらっているのですが、その記事の中に「ホバーエフェクト」の記事がとても見やすかったの […]

Photoshop ブラシ キラキラ

今回は前回書いた、Photoshopのブラシ機能の続きで商用にもつかえる、キラキラブラシを紹介したいと思います。 その前に、 ブラシのインストール方法 ブラシのインストール方法の説明をします。 ツールボックスの中の「ブラシツール」を選択し、オプションバーより「ブラシパネルの切り替え」をクリックし、表示されたパネルの右上下にある「プリセットマネージャー」をクリックしましょう。「読み込み」ボタンをクリ […]

Photoshopのブラシ

今回はPhotoshopのブラシ機能を紹介します。 めちゃめちゃ使えるので、みなさんもぜひ使ってみて下さい。 ブラシツールとは? ブラシつーるとは、ツールボックスの中にある、筆みたいなアイコンのあいつです。 使い方   ブラシツールを選んだら、画面上部のオプションバーに様々な設定があるので、そこでブラシの形を変えたり、大きさを変えたりします。 硬さとは、100%に近づくほどフチがはっきり […]

ベジェ曲線のポイント

今回はペンツールを使って画像を切り抜こうと思います。 ポイントさえ覚えれば、簡単なのでぜひ覚えて下さい。 1、切り抜く画像を用意します。 今回は簡単な画像にしました。 2、Photoshopで開いて、ペンツールで切り抜きます。 このとき注意することがいくつかあるので、説明します。あくまで、私のやり方ですので、もっとやりやすいやり方を知っている方はそちらを使って下さい。 2-1、始まりは角から 私は […]

Photoshop よく使うショートカットキー

今回はPhotoshopのよく使うショートカットキーの紹介をしたいと思います。 ショートカットキーなんか覚えなくても、メニューバーから探せばいいじゃん!って思う方は読まない方がいいかも、、、でも、ショートカットを覚えると格段に作業効率はあがるので、ぜひ覚えて活用してみて下さい。 一つ注意点として、MacとWindowsでボタンの種類が違うので、間違わずに覚えるようにしてください。 1、1つ戻る M […]

Photoshopで切り抜き(境界線を調整機能を使って)

今回はPhotoshopを使って簡単に切り抜きをする方法を紹介したいと思います。 CS5から追加された「境界線を調整」機能を使用して綺麗に簡単に切り抜きをしていきたいと思います。 写真を用意する まずは切り抜きたい写真を用意します。 どんな写真でもいいのですが、自動選択ツールで選択をしていくので、背景がわかりやすい写真がおススメです。 自動選択ツールでざっくり選択範囲を指定する ツールボックスより […]

デザインをするときに使える7つの裏ワザ

  • 2018.06.18

この記事は、「7 Practical Tips for Cheating at Design」 をざっくりと要約したものです。意訳多く含まれています。きちんとしたもの読みたい場合は、原文を読んでください。 1. フォントサイズの代わりに文字の色や太さで階層分ける テキストのUIを設計するときに過ちがちなミスは、フォントサイズに頼りすぎて、階層のコントロールできていないことです。 「このテキストは重 […]

お詫びとPhotoshopの便利機能

お詫びと訂正 今回は皆さまにお詫びと訂正をしなくてはなりません。 前に書いたWebデザインサイズの記事で有名サイトを載せましたが、あのサイトの記事が2015年に更新されたものだったみたいで、みなさんに3年前の内容をお教えしていました、、、 なぜわかったかというと、会社の先輩が私の記事を見てくれたみたいで、訂正してくれました。 では実際には何pxが正解なのか? 正解はありません。でも、主流は1100 […]

1 3