こんにちは、ばにです。 iPadだけでフォント作成、8回目です。 半角英字を終わりまでトレースします!! Read More
「Photoshopしか使えない」Webデザイナーとは、「お絵かき」「見た目」だけにこだわるデザイナーのことです。ビジュアルデザイン以外の付加価値がないデザイナーは今後は生き残ることは難しいです。 今ではWebサイトを作ることが当たり前になりました。 それどころかスマートフォンの普及でレスポンシブWebデザインで作るサイトも当たり前になっています。また、ASPでWebサイトを作るサービスも増えています。JIMDOなどが代表的な例でしょう。 普通に「Photoshopしか使えない」だけのデザイナーは、もう生き残れるのは難しいでしょう。
ウェブサイトやアプリで使うさまざまなアイテムが揃った、シンプルな美しいアウトラインで作成されたミニマルなアイコン素材を紹介します。 フォーマットはPSD, AI, SVG, Icon Fontと全て揃ってます! 150 outlined icons – PSD AI SVG Webfont ダウンロードできるアイコンのフォーマットは全てベクターで、4種類が揃っています。 .psd .ai .svg フォント(.woff, .eot, .ttf, .svg) あらゆる作業環境でそのまま使用できますね。 アイコンのアイテムは全部で、150種類! ウェブサイトやブログ、アプリでよく利用するアイテムが揃っています。
ウェブサイトに使用されるナビゲーションはこの一年の間に、大きく変わりました。スクリプトやスタイルシートを使い派手なアニメーションやインタラクションを取り入れることもできますが、最近のトレンドはよりシンプルで、すっきりしたデザインが好まれています。 最近のナビゲーションのトレンドを紹介します。 Up and Coming Navigation Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。最近海外のブロガーから他ブログでの無断翻訳・転載の声を聞きます。 ナビゲーションの欠如 スクロールベースのナビゲーション ミニマルなナビゲーション サイドのナビゲーション サークル状のナビゲーション 終わりに ナビゲーションの欠如 最初にあげるナビゲーションのトレンドは、ナビゲーションの欠如です。これは二つの条件が揃えば機能します、一つは
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか? 使い勝手の良すぎるドロップシャドウに警鐘!シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1:黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか!と目から鱗でした。 その2:シャドウに空の色&地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント(.ttf, .woff, .eot) ベクター(.svg) 透過PNG(.png) Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類! アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
Free Laurel Frames & Arrows ダウンロードできる素材のフォーマットは、便利なものが揃っています。 .png 透過PNGでグリーンブラウン、ブラックの2種類。 .svg ベクターなのでサイズ変更可能です。 .abr Photoshop用のブラシ。 アイテムはPNGも高解像なので、すぐ使いたい人にも便利です。 下記のサークル状のは一つのサイズが、977x1210です。
最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。 フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。 勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。 フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by
2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各
MEMOPATCHでは過去に「2013年のトレンド、フラットデザインを使うメリット+参考にしたいデザインまとめ」などでフラットデザインについての記事を書きました。現在ではフラットなWebサイトやアイコン、素材配布などが多く見受けられます。そこで今回はDribbbleにあるフラットなアイコンデザインを集めてみました。どれもクオリティが高くフラットデザインを作る時の参考になりそうです! Flat style iOS icons https://dribbble.com/shots/1059524-Flat-style-iOS-icons Flat Social Media Icon Set https://dribbble.com/shots/1065383-Flat-Social-Media-Icon-Set Flatties – Vector icon set https://dribbb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く