Quantcast
Channel: Flips Blog Web担の小技 » Webデザイン
Browsing all 17 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Flipsブログにて過去「役に立った」と言われた記事ランキング

Flipsブログにてこれまでの人気記事をピックアップしてまとめてみました。 いろいろと書いてきましたが、どれが人気になるかは時の運も絡んでいそうな気もします。ですが、Twitterなどで役に立ちましたとかありがとうございますと言われると、うれしいもんですよね。いえいえ、こちらこそお役に立てて光栄です! 国内人気のクレジット不要、商用利用可の無料素材サイト24+シェアランキング...

View Article



Image may be NSFW.
Clik here to view.

インスピレーションをこれでもかと刺激するウォールアート、パンフレット、コーポレートサイト等の総まとめ141個

様々なインスピレーションの為の刺激をまとめてみました。 アイデアに刺激が欲しいという方は是非チェックしてみてください。 神秘的なウォールアート まずはこちら。 壁にちょっとだけデザインを追加するだけで、風が吹いたり、涼しく感じたり、いろんな表現が可能になるんですね。 神秘的なウォールアートいっぱい バレンタインデーのロマンチックな写真のインスピレーション 続いてはこちら。...

View Article

Image may be NSFW.
Clik here to view.

2015年の最もよく使われているWebデザイントレンド

2015年のWebサイト、Web デザインにおいて、海外で最もよく使われているトレンドについて以下、意訳となります。 特にナビゲーションバーの柔軟な変更や、機能アイコンに関しては、本当によく見かけるようになりました。 是非チェックしてみてください。 Top Web Design Trends for 2015 ゴーストボタン 背景に大きな画像を利用されるケースが増えたという影響もありますね。...

View Article

Image may be NSFW.
Clik here to view.

今更聞けない画像ファイルの種類と使用する形式の選択

画像ファイルは多くの形式が有りますが、それぞれについての目的を勉強してみましょう。 ウェブ業界は長いけど、ファイル形式について今更人にきけない・・・という方にオススメです! この記事は以下の記事の意訳となっています。 Image File Types Explained: Which Format Should You Use?  ラスター VS ベクター 画像...

View Article

Image may be NSFW.
Clik here to view.

3人のフリーランサーから学ぶ実生活時間の使い方(2人目Webデザイナー、デベロッパーの場合)

前回に引き続き、フリーランスの時間の使い方。 非常に参考になるかと思います。 What Freelancer Schedules Actually Look Like Chris Howard Webデザイナー、デベロッパー 9年間のデジタルマーケティング代理店の経験を経て、2012年にフルタイムのフリーランスを始めた。...

View Article


Image may be NSFW.
Clik here to view.

最新のWebサイトの無料PSDテンプレート集30個

中々ボリュームのある記事のご紹介。 様々なアイデアが盛り込まれたテンプレートは、多くのデザイナーの助けになるでしょう。 モックアップ、アイコン、PSDテンプレートの詰め合わせ的リソースです。 無料PSDテンプレート集30 今回は記事の中でも特に気になる5つをご紹介します。 レストランページ詰め合わせ37種類 すんごい数のWebサイトが詰めあわされているパック。...

View Article

Image may be NSFW.
Clik here to view.

SVGファイルの設置方法とSVGロゴをだらだらと見ていくことができるSVGロゴコレクションサイト

2014年あたりから、ディスプレイの進化とともに、SVGロゴを利用したウェブサイトが非常に増えてきましたね。 SVGロゴは、ベクター画像の様に、拡大しても劣化しないで表示してくれるため、Retinaディスプレイで見ても非常に美しく表示されます。 今回はそんな美しいロゴをだらだらと見ていけるサイトのご紹介です。 各種SVG設置方法 SVGロゴの設置方法1 HTML...

View Article

Image may be NSFW.
Clik here to view.

色に困った時や、あなたのこれからのブランド制作に使える「ブランドカラー早見表」

世界にはいろんなまとめサービスがあるんだなぁと感心した次第です。まさに脊髄反射的にご紹介。 今回ご紹介したいのは、多くのブランドカラーを収集したブランドカラー早見サイト。 色をだらだらと見ていける 各種様々なブランドの配色を見ることができるので、これから作成しようという時の配色の参考にもなるかと思います。 配色に困った時や、ウェブサイトを作成するときの参考に使えますね。...

View Article


Image may be NSFW.
Clik here to view.

配色センスが全くない?それならマテリアルパレットをちょっと使ってみて?

はい、こんな人におすすめです。 この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。 様々な色を使いすぎてダサいウェブデザインに・・・。 色と色が合わなすぎてどうしょうもないデザインに・・・。 マテリアルパレットを使えば、このようなお悩みを即座に解決し、クールでリッチな配色を直ぐにあなたに提供します。 マテリアルパレットはどうやって使うの? マテリアルパレットは、一色をまず選びます。...

View Article


Image may be NSFW.
Clik here to view.

ECサイト制作時に使える無料アイコンセット集10選

今回はECサイトを作るときに利用できる、無料アイコンを紹介しているサイトをご紹介。 色々な種類ががっつりと無料で公開されていますので、是非活用していきたいですね。 1)Free Shopping Cart Icons 各種必要となるアイコンと、ボタン。 2)36 Free Shopping Icons...

View Article

Image may be NSFW.
Clik here to view.

2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ

6月から今日までの濃厚な情報源をご紹介します。 どの記事も、正直見逃したことを後で知ったら後悔するレベルだと思います。とりあえず見たこと無い記事があったら一度覗いてみてください。 2015下半期超良記事厳選まとめ シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50...

View Article

Image may be NSFW.
Clik here to view.

海外で人気の美しすぎる有料Photoshopアクション7つ

海外で人気の有料Photoshopアクションのご紹介。 どれもわりとお手頃価格となっておりますので、よさそうだなぁとおもったらチェックしてみてください。 アクションファイルの読み込み方 アクションファイルをダウンロード後は、ATNファイルを読みこめば使えるようになります。...

View Article

Image may be NSFW.
Clik here to view.

各種ソーシャルメディアの数値を一つにまとめて合計値を出すjQueryプラグイン

Twitterのツイート数表示機能が今年全て停止したせいで、それに合わせて他のソーシャルメディア数値も、デザインを揃えるために非表示にしている人も多くなってきたのでは無いでしょうか。 そこで今回は、数値は左側に一括で表示して、その他はボタン化させる事ができるjQueryプラグインをご紹介します。 手軽なjumboshare Example デモページ はりつけるソースコード...

View Article


Image may be NSFW.
Clik here to view.

FacebookがiPhoneやAndroid端末、タブレットやウォッチ、テレビ等のデバイスイメージ画像828個を無料配布

今まで色々とデバイス系のイメージ画像をご紹介してきましたが、ついにFacebookががつんと各種デバイス画像を無料で配布しだしました。 数も全部で828個とヤバイです。 電話だけでこんなに有ります。 この他テレビとかWatchとかね、色々あるわけですよ。 基本は拡張子sketchと、pngファイルです。 ね、便利そうでしょ? 全部無料。 是非覚えておきたいところです。...

View Article

Image may be NSFW.
Clik here to view.

色を選ぶのになるべく時間と頭を使わない為の厳選カラーツール

WEBデザインは日々色々ないろとの戦いです。 もちろん、クライアントや、サイトが持つ中心の色が決まっているケースは多いですが、それ以外をどうするのかという事に、頭を悩まされることも有るでしょう。 個人的にお勧めなのは前回紹介したマテリアルパレットです。 http://flipsblog.jp/archives/2191 今回はこれ以外にも色々と便利なツールをご紹介致します。 Color...

View Article


Image may be NSFW.
Clik here to view.

ちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事

Webサイトを作っている時に、ここ便利だなというところをご紹介。 なるべくさくっとやりたいことをコードにする。そんなCSS作成のサポートにピッタリな記事、サイトをご紹介します。 シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50  とりあえず見出しの作成に悩んだら一回見ておけばいいよっていうやつ。 コピペも大量。すごい便利。...

View Article

Image may be NSFW.
Clik here to view.

使いはじめると便利・・・デザイナーに人気のIllustrator用ブラシ70

有料のものが多いけど、実際に私も買ったことがあるブラシが幾つか。 え、ブラシなんて買わない? でも便利なんだよねぇ・・・。 今回はこの70個のブラシの中で私が買ったものだけ紹介します。 鉛筆ブラシ Illustrator Pencil Brushes ~ Brushes on Creative Market こいつがあれば、鉛筆もいらない。7$...

View Article

Browsing all 17 articles
Browse latest View live




Latest Images