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

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

2016/3/14

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

WEBデザイン

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

2016/3/13

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

WEBデザイン

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

2016/3/12

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

WEBデザイン

: 何色知ってる？「THE COLOR THESAURUS」

2016/3/10

THE COLOR THESAURUS デザイナーなら、「もっとピンクで」「淡い青で」などの注文を受けて、変更したけど「ちょっと違う」などと答えられたことは一度はあるのではないでしょうか？

その他

: いろいろな動きのハンバーガーメニュー「Tasty CSS-animated hamburgers」

2016/3/9

Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。そんなハンバーガーメニューの動きのサンプルを紹介した ...

CSS

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

2016/3/2

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

WEBデザインアイコン

: シンプルでかわいい子供向けのサイト「LITTLE FLYERS」

2016/2/23

LITTLE FLYERS 「LITTLE FLYERS」は、イラストやレイアウトなど、きれいに整理され、かつ世界観のわかるサイトです。最近見た中では、一番好きなデザインです。

WEBサイトチェック

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

2016/2/21

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

WEBデザイン

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

2016/2/19

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

WEBデザイン

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

2016/2/18

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

WEBサイトチェック WEBデザイン

: やさしい手書きの雰囲気の無料フォント「Arabella」

2016/2/17

Arabella Free Font 「Arabella」は、女性らしいやさしい手書き風の書体です。

無料フォント

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

2016/2/16

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

WEBデザイン

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

2016/2/15

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

WEBデザイン

: スポーツ選手も使うイアンノットで靴紐がほどけなくなった

2016/2/14

普段、蝶々結びで靴紐を結んでいました。靴紐を洗濯したりすると、へたるせいで、すぐにほどけるようになりイライラしていました。見た目は蝶々結びと同じですが、スポーツ選手も使うイアンノットで結ぶように ...

その他

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

2016/2/14

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

WEBデザイン

: 手書き風のワイルドな書体のフリーフォント「Something Wild」

2016/2/12

Something Wild Free Font ロックな雰囲気なフォントで、Tシャツとかによさそうです。

未分類

: 整理整頓ができていない時は危険サイン

2016/2/9

ずっと仕事をやってきて、うまくいってない時ほど、「整理整頓ができてない」と感じています。デザインをしていて、レイヤーがグチャグチャで、修正するのが面倒だなと感じた時コーディングをしていて、適当なク ...

仕事効率化

: Photoshopの幻想的な写真合成のチュートリアル動画

2016/2/7

上記の写真の完成までが、動画でみることができます。写真の切り抜きや合成など意外と地道な作業を行っていることがわかります。この動画をみて思うのは、ブラシなど使えるものは、最初からつくると時間がかかる ...

Photoshop

: イラレでの波線の描き方

2016/2/2

線を引く「直線ツール」で線を引きます。「効果」>「パスの変形」>「ジグザグ」「効果」>「パスの変形」>「ジグザグ」を選択します。大きさや、折り返しで、調整できます。線の太さや波線などの設定次 ...

イラストレーター

: 美しく変化するカリグラフィの動画

2016/1/31

Growths from Ari Weinkle on Vimeo. 音楽にあわせて、アルファベットが鳥の羽のようなものに変化します。見てて楽しいですね。

その他

: ドロワーメニューの「simple-sidebar」の簡単なサンプル

2016/1/30

simple-sidebar スマホなどの、ドロワーメニューの追加で便利な「simple-sidebar」。サンプル通りに作っても、つまづいたので、備忘録代わりに簡単なサンプルを作りました。作り方 ...

Javascript jQuery

: レスポンシブ用の画像を複数のサイズで自動生成

2016/1/28

Responsive Image Breakpoints Generator レスポンシブWebデザインで、マルチデバイスに対応させる際、読み込む画像のサイズを複数設定したい場合があります。そんな時 ...

コーディング

: ケミカル・ブラザーズとベックのコラボ曲「Wide Open」MV

2016/1/27

The Chemical BrothersのWide Open (feat. Beck)のMVが公開されています。ボーカルがBeckというのがいいですね！ケミカルブラザーズのMVは、素晴らしいでき ...

音楽

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

2016/1/26

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

WEBデザイン

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

2016/1/25

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

WEBデザイン

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

2016/1/24

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

WEBデザイン写真

: 気持ちいい動きのリンクのエフェクト集

2016/1/24

Creative Link Effects ボタンのマウスオーバーの動きの気持ちのよさがサイトの印象をよくすることはあります。「Creative Link Effects」では、そんな気持ちのいいリ ...

未分類

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

2016/1/22

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

WEBデザイン

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

2016/1/21

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

WEBデザイン

: 諦めるな。一度諦めたらそれが習慣となる。

2016/1/20

「諦めるな。一度諦めたらそれが習慣となる。」は、映画「がんばれ!ベアーズ」のセリフです。「がんばれ!ベアーズ」は、弱小野球チームチーム「ベアーズ」が奮闘する映画です。子どもの頃、この映画を観た記憶 ...

その他

« Prev 1 2 3 4 5 … 7 Next »

プロフィール

KIYOTA
Webデザイナー / ウェブ解析士

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

@iclippinさんをフォロー