FEVDES BLOG

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

「 WEBデザイン 」 一覧

私が新人の頃やっていたWebデザインの要望・修正指示の対応方法

2016/12/05   -WEBデザイン

新人デザイナーのころ、出勤したら、デザインの修正記事が机に置いてあると、そのまま帰りたくなっていました。 新人デザイナーにとって、デザインの修正指示は、寿命が縮む思いです。 新人デザイナー向けに、私が …

Amazon Unlimitedで読めるおトクなWeb/デザイン関連本

2016/08/05   -WEBデザイン

Amazon Unlimitedのサービスが始まりました。 Web関連の本の価格の高さに悩んでいたところに、月額980円で読み放題なんて、夢のようです。 Amazon Unlimitedはじめるか迷っ …

できないと諦める前に知識をつける方法

デザイナーやコーダーになって新人が最初にあたる壁が、「センスがない」「私には向いてないのではないか?」と思うことです。 大半の人は、「好き」や「やってみたい」と思ってはじめます。 しかし、大量の情報を …

100種類以上のGoogleのアイコンがつかえる。Material icons

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。 そんな時に便利なのが、Googleの「Material icons」です。 下のアイコンは、すべてWebフォントです。 …

気持ちいいローダーの参考になる「Spring Loaders」

2016/05/09   -WEBデザイン

Spring Loaders ローディングは、後回しにして、ついついありきたりなものを作りがちになってしまいます。 そんな時に、気持ちいいローダーの参考になるのが「Spring Loaders」です。

単色でのデザインの参考になる「Mobile UI Blueprint」

2016/03/14   -WEBデザイン

Mobile UI Blueprint 単色でデザインすると単調になりがちです。 そんな時に参考になる「Mobile UI Blueprint」の紹介です。

もう間に合わないとは言わない。新人に教えるスケジュールを守るコツ。

2016/03/13   -WEBデザイン

デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

パターンがたくさんありテンプレート準備の参考になる「Summer UI Kit Free」

2016/03/12   -WEBデザイン

Summer UI Kit Free 明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。 コーディングする前に、テンプレートであらゆるコンテンツに対応できるパターンをつくると思 …

ラインが美しい196種類のSVGアイコン

2016/03/02   -WEBデザイン, アイコン

210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

画像から配色をつくってくれる「ColorFavs」

2016/02/21   -WEBデザイン

ColorFavs 配色で悩むことはありませんか? 私の場合、撮影ができない場合には、 提供された写真にあわせて配色することがあります。 そんな場合に便利なのが、「ColorFavs」です。

柔軟なレイアウトをするために参考になった記事

2016/02/19   -WEBデザイン

Is your website layout doing more damage than you think? 「変わったレイアウトを」というオーダーをいただくことがあります。 変わったレイアウトが …

海外サイトで紹介された日本のグラフィックデザインが勉強になる

Graphic Design From Around the World: Japanese Design 海外のサイトを見ていると、英語だとカッコいいなーとか、羨望の眼差しでつい見てしまうのですが、 …

フリーの450個のアウトラインのアイコンセット

2016/02/16   -WEBデザイン

FREE DOWNLOAD: 450 OUTLINE ICONS 丸みを帯びたラインのアイコンの紹介です。 450種類もあり、よく使う家やドキュメントなどだけでなく、通販や天気など、いろんなジャンル …

提案書やサイトの完成イメージに利用できる iPhone 6 / AndroidのモックアップPSD

2016/02/15   -WEBデザイン

iPhone 6 / Android Mockup Web業界の人や、サイト作りになれているクライアントなら、サイトやアプリのできあがりや、利用シーンは想像しやすいです。 しかし、年配の担当者やクリエ …

美しくデザインされたECサイトのPSD「Elton UI Kit」

2016/02/13   -WEBデザイン

Elton UI Kit 他のデザイナーのデザインデータをみると、作り方がわかるので勉強になります。 「Elton UI Kit」で、 ECサイトのデザインのPSDファイルをダウンロードすることができ …

デザインのインスピレーションを受けるためのサイト集

2016/01/26   -WEBデザイン

デザインをずっとやっていると、インプットが足りなくて、アウトプットが疲労状態にあることがあります。 脳が刺激を受けると、新しいアイデアが浮かんでくるものです。 インスピレーションをうけると疲労も吹っ飛 …

CC0ライセンスのナチュラルなフリーストックフォト

2016/01/25   -WEBデザイン

Cupcake Cupcakeは、CC0ライセンスで商用利用も可能なフリーストックフォトです。 インスタグラムのような、ちょっとレトロな雰囲気の写真が特長です。 写真のテイストを統一するのはデザインす …

CC0 licensedの1万枚を超えるフリーの写真を検索できる「FindAPhoto」

2016/01/24   -WEBデザイン, 写真

FindAPhoto CC0 licensedの写真を検索できる「FindAPhoto」の紹介です。 *参照 CC0 1.0 全世界 (CC0 1.0) パブリック・ドメイン提供 色とコレクション(シ …

次は、水彩風のデザインが流行りそうな気がする

2016/01/22   -WEBデザイン

3 Typography Trends for 2016 (With Examples)という記事をみたのですが、水彩のタイポグラフィが紹介されています。 フラットデザインのブームもひと段落し、全体的 …

CC0 Licenseのフリーストックフォト「PEXELS」

2016/01/21   -WEBデザイン

PEXELS 「PEXELS」は、ハイクオリティな写真を集めたフリーストックフォトサイトです。 Creative Commons Zero (CC0) licenseなので、利用しやすいです。 CC0 …

配色を計画的にするために便利な「paletton.com」

2016/01/11   -WEBデザイン

配色は難しく、いつも悩みます。 ちょっとした色の変化で、大きくイメージもかわるため、計画的に進めていく必要があります。 計画的に配色するために便利なサイトが「paletton.com」です。 pale …

2015年の「FEVDES BLOG」アクセス数トップ10

2015/12/31   -WEBデザイン

2015年のアクセス数トップ10です。 アクセスをみると全体的に検索エンジンからの流入が多かったです。 定番の記事のアクセスが多く、長い間アクセスがあるは励みになります。 1位 「よく使うPhotos …

スマホ・タブレット・PCの各端末の画面サイズが一目でわかる「Screen Sizes」

2015/10/11   -WEBデザイン

スマホが主流になり、画面のサイズが多様になり、調べるのが大変になっています。 以前、海外向けのサイトを制作する時に、 アクセスログから想定機種を指定され、 事前に多くの機種に対応する必要がありました。 …

PhotoShopでよく使うフォントを素早く変更する方法

2015/10/08   -Photoshop, WEBデザイン

PhotoShopでフォントを変更するのは面倒です。 特に欧文だと、最初からインストールされているフォントが多くて選択するだけで時間がかかってしまいます。 私の場合は、フォントをアクションに登録してお …

私のWebデザインする場合の制作環境

2015/10/01   -WEBデザイン

私の自宅での制作環境を紹介します。 私は、Webデザインのみで、印刷物のデザインはしません。今のところ、この制作環境で問題は感じていません。 自宅で勉強する場合にどのくらいのスペックマシンを購入すれば …

厳選10サイト!商用利用できる国内無料(フリー)写真素材集

2015/06/21   -WEBデザイン

写真撮影や写真購入予算がない場合はよくあります。 そんな時に、写真素材集を利用するのもひとつの手段です。 普段からどんな写真があるのかチェックしておくと、探す時に便利です。 写真素材 足成【フリーフォ …

非常にわかりやすいタイポグラフィのスライド

タイポグラフィって、本を読んでも難しかったりするし、一生勉強し続けなければならない分野です。 そんな中、米倉明男さんのスライドが非常にわかりやすかったのでご紹介。 Webデザイナーのためのタイポグラフ …

【新人向け】簡単にできた!Webサイトでよくみる技術のまとめ

4月から新たにデザイナーになる人も多いのではないかと思います。 クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。 そんな時に便利なものを、初心者で …

ボックスと余白の計算が楽になる「Gridulator」

2014/12/08   -WEBデザイン

デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか? そんな時に便利なサイトが「Gridulator」です。 Gridulator: Make pixel grids …

レスポンシブWebデザインを制作して困ったことの解決方法

まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの処理 フォントによる見栄えの違 …

PR




人気の記事

プロフィール

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