FEVDES BLOG

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

デザイン力を鍛える!Webデザインのフロー別セオリーと知識まとめ

2014/02/02   -WEBデザイン

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

今からでも間に合う!レスポンシブWebデザイン作り方のまとめ

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

Photoshopで同じ位置にコピーする方法

2013/12/24   -Photoshop, WEBデザイン

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

Fireworks

知らなくて大丈夫?Fireworksの便利な使い方まとめ

2013/12/08   -Fireworks, WEBデザイン

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

デザイナーでもJavaScriptやjQueryが必ず上達する3つのコツ

2013/12/01   -Javascript, jQuery

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

静岡市立-日本平動物園

手描き感のあるイラストがかわいいWEBデザイン

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

暗記しておく!イラレでギザギザの丸(円)を作る方法

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

美しいモノトーンベースのWEBデザインまとめ

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

【デザインの参考に】ボツ案のFireworksのデザインデータ

2013/11/10   -Fireworks, WEBデザイン

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

バナーをデザインする時に役立つまとめ・記事10選

2013/11/03   -WEBデザイン

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

バナー制作時の文字の組み方のちょっとしたコツ

2013/11/03   -WEBデザイン

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

簡単にできるPhotoshopの手書き風の記事10選

2013/10/30   -WEBデザイン, 手書き風

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

【デザイナー向け】15個の眠気解消法まとめ

2013/10/28   -ライフハック

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

天気と音楽のコラボ「レソラ天神」

2013/10/23   -WEBサイトチェック

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

初心者がコーディングのときに失敗しがちなこと

2013/06/16   -WEBデザイン

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

素早く確実にWEBデザインをするための手順

2013/05/28   -WEBデザイン

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

WEBデザインが短期間で上達した方法

2013/02/17   -WEBデザイン

WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米 …

意外と知らない!?Photoshopで表示レイヤーを結合するときに便利な方法

2013/02/04   -WEBデザイン

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

イラレのグラデーションの色をスポイトツールで変更する方法

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

イラレで簡単に文字を「手書き風」にする方法

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

スクロールしたら「トップへ戻る」ボタンを表示するプラグインjquery.pageTopButton.js

2013/01/16   -jQuery

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

【簡単!】ページのアクセス時にモーダル(フロート)を表示するjQuery.layerBoard.js

2013/01/02   -jQuery

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

あけましておめでとうございます。

2013/01/01   -お知らせ

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

人気の記事

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。