自分の経験をシェアしたい。Webデザインのテクニック&効率化。

先日、Dreamweaverを使っていたら、 ワークスペースからドキュメントの 「コード」「分割」「デザイン」ボタンが消えてしまい困ったので、 表示・非表示の方法を記します。

上のような丸いドットの並んだ破線を作る方法です。

グラフィックのみ、コーディングのみの WEBデザイナーは少ないのではないかと思います。 マーケティングやSEOやアクセス解析など、 必要な知識が多岐にわたります。 勉強する上で、概要を知るのは上達の近 …

4月から新人デザイナーの教育係になる人や、 すでになっている人もいるのではないかと思います。 私は、新人やインターンを何人も教えてきました。 技術的なことだけ教えて、できれるようになればいいのですが、 …

以前、「WEBデザインが短期間で上達した方法」では、 上達する近道として模写を紹介しましたが、 それ以外にも基本的なセオリーや知識を知っているだけで、 デザインをする力が格段にアップします。 4月から …

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについ …

フォトショップで同じ場所にコピーするには、 レイヤーを選択後、「command + J」です。 同じ位置にコピーされます。 コピーするとずれてイラっとすることがありますが、 これで大丈夫。 超小ネタで …

学校ではPhotoshopを習っていたのに、 いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。 基本的な使い方 …

いまやJavascriptを使わないサイトはほぼないと思います。 WEBデザイナーもJavascript、せめてjQueryは使えないと 厳しい時代です。 JavaScriptやjQueryは時間をか …

イラストをつかったサイトは手作り感がでて、親近感がわくので好きです。 そんなイラストを使ったサイトを参考のために、まとめてみました。 こんな素敵なサイトをつくってみたいです。 ちあーず歯科・小児歯科 …

よく使うこのギザギザの丸（円）。 今まで何度も使ってきましたし、使い映えするので、 絶対に暗記しておきたいです。

モノトーンはシンプルなだけに、写真などの素材のよさが際立ちます。 CHANCE MAKER CHANCE MAKER ハロルド official web site ハロルド official web …

学校や独学だと、カンプデータ（デザインデータ）を見る機会がないかと思います。 実際、一番役にたったのは、 働きだして人が作ったデザインデータを見たときです。 意外と作り込んであったり、凄いテクニックを …

新人がデザインの業務で頼まれることが多いのばバナー。 小さいので簡単と思われるけど、実はかなり難しく意外と制作に時間がかかるのがバナー。 小さいけど、奥が深いのがバナー。 そんなバナーを作るコツがわか …

新人の頃、 「クライアントに『自分でもつくれる』と思われたらダメ」 とよく先輩に言われていました。 クライアントから、 「自分でもパワポやエクセルで作れそう」と思われると デザイナーとして失格というこ …

優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。 Photoshopで簡単にできる手書き風の記事を集めました。

仕事中に眠くなることがよくあると思います。 寝ることができればいいのですが、そうもいかないことがほとんどじゃないでしょうか！？ 後輩の手前、眠い顔をするもの気まずい、先輩としての威厳もなくなりますor …

福岡の商業施設「レソラ天神」のサイト。 天気を音楽に変換するようだ。 なかなか心地よい音楽とアイコンの動きについつい見とれてしまう。 雲や雨の紙吹雪のような動きがかわいい。 やはりこういうリッチコンテ …

何人も新人のウェブデザイナーをみてきましたが、 みんな大体同じところでつまづくようです。 そして自分もそうだったなぁと思うところでもあります。 知っていればすぐに終わりますが、 知らなければ（もしくは …

新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分の …

この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアント …

普通に結合すれば一枚になるレイヤーを、元のレイヤーを残しつつ新規レイヤーに結合するショートカットです。

まわりに聞いてみると意外と知らないようでした。 確かにわかりづらいようですので、まとめてみました。

1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。

Wordpressによくある スクロールしたら「トップへ戻る」ボタンを表示するプラグインをいれたけど、 うまく動かなかったので作った方がはやいので作ってみました。 このブログにいれているものと同じです …

「セール情報」や「重要なお知らせ」を、 モーダル（フロート）で目立たせたいという要望があったので、 ページのアクセス時にモーダル（フロート）を表示するjQueryプラグインを制作しました。

本日からブログを開始します。 WEBデザイン関連のことを 書き残して行こうと思います。 よろしくお願いします。