今度こそ3日で覚えるパワーポイントテクニック集、デザイン、表現力アップまとめ | Flips Blog Web担の小技

2013/11/26 1256 users Web担 小技 デザイン

3日坊主で終わる人に 3日以上かかる資料はいらない！ そんなわけで、3日以内にある程度パワーポイントをマスターし、素人企画書やダサイPOPをこえ、「やるな」と思わせるものを作れるようになりましょう。とにかくダサいパワポを卒業したいという人へ。 １．基本的レイアウトに関する考えや、配色の起き方 パワーポイントで綺麗なPOPを作ってみよう【1・基本とメニュー編】 編集部お勧めの記事。 POPの作り方な... 続きを読む

国内人気のクレジット不要、商用利用可の無料素材サイト24＋シェアランキング | Flips Blog Web担の小技

2013/10/11 1017 users Web担 商用利用可 小技 クレジット

国内無料素材サイトは数多くあります。 とくにクレジット表記不要という、リンクや連絡不要の素材サイトは、その利便性から非常に人気です。（収益性がその分ないため、将来不安な要素もあります） さらに、今回は、クレジット表記不要＋商用利用も可能なサイトに限定し、ご紹介致します。 今回のテーマであるシェアランキングの集計についてですが、Google検索で素材を検索すれば無数のまとめサイトや、まとめ記事があり... 続きを読む

配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技

2015/07/30 814 users 配色 即座 一色 配色センス Web担

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

見逃してません？ここ最近公開＆アプデされた日本語対応の良質無料フォントまとめ | Flips Blog Web担の小技

2014/03/29 710 users Web担 小技 日本語対応

今年に入り、公開、アップデートされた良質なフリーフォントのご紹介。 もし見逃してたら要チェックです。 刻ゴシックフォント http://freefonts.jp/font-koku-go.html 2014年3月生まれのほやほやフォント。 「刻」シリーズは、漢字に比べて平仮名・カタカナを幅ごと小さくデザインしたフォントです。何行にもわたって組まれた文字列を眺めると、統一感のある美しさに気づかされま... 続きを読む

Webデザイナーが最低限おさえておきたい時短のためのPhotoshop拡張機能5つ | Flips Blog Web担の小技

2014/06/28 659 users 時短 Web担 最低限 Webデザイナー 小技

フォトショッパーの皆さん、ごきげんよう。Yamadaです。 今回はPhotoshopをお使いの方で、Web制作をされている方なら、是非ともおさえておきたいという便利なプラグインをご紹介致します。 Plasma PhotoshopCS6、CC もはやこの界隈でも有名すぎるほどの破壊力があるプラグインの一つ。 例えば全体的なカラーの一部を赤から青へ、試しに緑へ変えてみるなんてことはしょっちゅうあります... 続きを読む

週末に一気にプレゼンの極意を学べる良記事、スライド、動画まとめ | Flips Blog Web担の小技

2013/10/16 522 users プレゼン 極意 エントリ スライド Web担

プレゼンが迫っている方。 もしくはこれからプレゼンが発生する予定のある方。 そんな方には是非週末を利用して以下の記事やスライドを確認してみてください。個人的にすごく参考になったものをまとめておきますので、興味のある方は是非！ サクッと読める鉄板3エントリ 人前で話すのが苦手な人に効くバスガイド式トーク術 個人的に最もおすすめしたいエントリ。短くてわかりやすく、受け入れやすいです。 まずは心構えから... 続きを読む

20以上のレスポンシブ対応の無料htmlテンプレート HTML5UP | Flips Blog Web担の小技

2014/05/15 508 users Web担 レスポンシブ対応 小技

レスポンシブWebデザインの無料テンプレートサイト、HTML５UPですが、最初は少なかったテンプレートも現在２１になりました。 また、デザインのクオリティも高く非常に人気の高いサイトとなっていますね。 人気の理由の一つであるCC3.0ライセンス。個人でも、商用でも無料で利用でき、自由に改変も可能という１００％フリーの開放っぷりです。 それでは、色々ある中で幾つかご紹介。 Arcana 様々なカラム... 続きを読む

【超便利】FacebookがiPhoneやAndroid端末、タブレットやウォッチ、テレビ等のデバイスイメージ画像828個を無料配布 | Flips Blog Web担の小技

2016/01/31 467 users iPhone Facebook Faceboo watch

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

2015下半期Webデザイナー、ディレクターなら絶対読んどけっていう厳選記事 | Flips Blog Web担の小技

2015/11/25 441 users Web担 小技 厳選記事

2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ 0 投稿者: Yamada_nt カテゴリー: Webデザイン · サイト運営のã‚... 続きを読む

ちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事 | Flips Blog Web担の小技

2016/03/17 414 users CSSコピペ コピペ 見出し Web担 HTML

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

あぁこれがパララックス効果の使い方かと納得のパララックスWebデザイン7つ | Flips Blog Web担の小技

2014/01/25 392 users パララックス効果 Web担 納得 パララックス 小技

今回は、パララックス効果を用いた結果、口コミで広がり、海外でもわりと多くのシェアを誇るサイトを7つご紹介。 実は2014年のトレンドの一つとして、海外では 表示速度をあげる 六角形（蜂の巣） 軽量化 最小限 モバイルファースト コンテンツ最優先表示 というのが上げられていまして、もしかすると今年パララックスは減少傾向になると予測されています。 しかし、コンテンツ最優先表示では、いまだパララックスが... 続きを読む

あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」 | Flips Blog Web担の小技

2015/07/29 369 users ウェブサービス カテゴリ分け パーツ ウェブ制作 種類

callto idea というウェブサービスなんですが、かなりいい仕事をしてくれると思います。 これすごいですね。 まとまりかたというかカテゴリ分けも綺麗にされているし、種類もまた凄く豊富です。 そもそも何がすごいかというとウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない！」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。 実際見て... 続きを読む

2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技

2013/12/24 271 users Web担 ふれま 定義 デザイナー トレンド

2013年も終わりを迎えそうですが、日本のWebはどのようなWebデザインのトレンドを歩んできたのでしょうか。今年を振り返って、みてみましょう。 １）フラットデザイン 今年のトレンドといえばと聞かれたら、誰がなんといってもフラットデザインでしょうか。 それが素晴らしいかどうかは別としても、多くのデザイナーがチャレンジしているジャンルですよね。嫌う人もいますけど。 定義に付いてはここで詳しくはふれま... 続きを読む

日本独自に進化したブログのタイトルの付け方に乗り遅れていません？ | Flips Blog Web担の小技

2014/03/11 245 users 昭和臭 Web担 雰囲気 webデザイン 素材集

海外では、いまだ 最高にクールな壁紙20 Webデザインのインスピレーション30 クリエイティブな素材集 いや、日本でもまだまだこうしたタイトルは健在と言えば健在ですが、それだけでは今や昭和臭がすると言われてもおかしくない雰囲気になってきているようにも感じてきました。 もちろん私も時折、恐る恐るこのタイトルをつけることがあるのですが、やっぱり引き寄せるタイトルは進化しているなと感じるようになりまし... 続きを読む

タイプ別、サイトやブログにガンガン人を呼び込むためにするべきWebの法則 | Flips Blog

2013/08/19 223 users 法則 媒体 名刺 顧客 ソーシャルメディア

ホームページ、Webサービス、ブログ、ソーシャルメディアなど、様々な媒体を通してユーザーとのコミュニケーションをはかり、多くの顧客に満足を頂いたり、見込み客の集客効果をあげるなど、様々な方法をご紹介致します。 名刺と同様の価値を持つ企業の顔タイプ ０と１では大きな差があります。気になった企業の名前は現在多くの人が検索します。 そんな時にまだサイトがないの？と言われないためにも必要とされます。 僅か... 続きを読む

2014年版ブログにトラフィックを集める7つの方法 | Flips Blog Web担の小技

2014/06/30 142 users トラフィック 検索クローラー 水準 Web担 クオリティ

方法というより戦略という言い方があっていますが、非常に参考になる記事があったのでご紹介。 あなたのブログのトラフィックを増やすための7つの戦略 １）品質、クオリティの高い記事 記事のクオリティを一定の水準を維持するように心がけましょうという事です。検索クローラーはクオリティの高い記事を愛する。 訪問したユーザーが、満足すれば、それは検索エンジンがいい仕事をしたということと同義語であり、Google... 続きを読む

月額、年額サービス用の美しい価格表CSS | Flips Blog Web担の小技

2014/11/21 131 users Web担 月額 小技 年額 CSS

美しい価格表のCSSのご紹介。 海外Claudia Romano氏が作成した無料で使える価格表テーブルです。 月額と年額の切り替え機能が付いているタイプでお探しの方に特にオススメです。 どんなものかというのは以下の動画で。 サンプルデモ HTML <div class="cd-pricing-container"> <div class="cd-pricing-switcher"> <p clas... 続きを読む

各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々｜レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等 | Flips Blog Web担の小技

2013/12/20 108 users レスポンシブ フッター ヘッダー Web担 ロゴ

今回は、WebデザインのインスピレーションをまとめたWebサイトをご紹介。 ２０１２年から、結構色々なところで紹介されている有名ドコロではありますが、それぞれ、特徴的な部分をもったサイトのみをピックアップ致します。是非デザインに迷ったら参考にしてみてくださいね。 レスポンシブWebデザインのまとめサービス http://responsive-jp.com/ レスポンシブWebデザインがまとまってい... 続きを読む

2015年の最もよく使われているWebデザイントレンド | Flips Blog Web担の小技

2015/03/24 102 users Web担 Webデザイントレンド 小技 ナビゲーションバー

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

プレゼン資料はストーリーと目次から作るとわかりやすく完成する | Flips Blog Web担の小技

2014/07/13 80 users 目次 Web担 プレゼン資料 ストーリー 聞き手

プレゼンに関する色々を15回にわたり、わかりやすく解説する第一弾。 はじめに、プレゼンにおける作成方法において、もっとも重要やポイントの目次について解説いたします。 よくプレゼン資料を作るとき、パワーポイントを真っ先に開く人が居ますが、これでは良いストーリーにはなりません。 まずはパワーポイントより前に、頭の中で、どのような話をして聞き手の注意をひくかを考えましょう。 そしてその流れを書いていきま... 続きを読む

GoogleChromeが重いとおもったら試すべき事まとめ | Flips Blog Web担の小技

2014/06/22 75 users GoogleChrome キャッシ 毎度毎度 Web担 整理

毎度毎度、気がついたら激重になっているGoogleChromeですが、みなさんいかがお過ごしでしょうか。 ちょっと重いなと思ったらご確認を。これだけでめっちゃ軽くなった！！！という人もいます。 まずは基本の履歴の整理 「閲覧履歴データの削除」をクリックすると以下のようになり、上4つを消してみるといいかもしれません。 閲覧履歴 ダウンロード履歴 Cookieと他のサイトやプラグインのデータ キャッシ... 続きを読む

ブロガーやウェブサイト運営の為のフリー写真素材のリソース（海外） | Flips Blog Web担の小技

2014/04/19 73 users リソース Web担 ブロガー 小技 ウェブサイト運営

色々なところで利用する写真素材ですが、利用規約によって利用条件がきついものがあったり有料であったりするものも多いです。 そんな中でも、なるべく多くの素材を、無理なく提供してくれるサイトは沢山あります。 今回は私がこっそり利用しているサイトをご紹介致します。 １）Unsplash 日本でもコアな方々には浸透している有名なサイト。 10日に一度10枚の写真を公開するコンセプト。なによりすごいところが、... 続きを読む

商品を売りたいWebサイトをこれから作る。さて、どうする？ | Flips Blog Web担の小技

2013/09/05 69 users 自社 外部 パターン Web担 社員

サイトの作成前には、色々と考えておくことがあります。 今回はいくつかのパターンがありますが、商品を販売したいと考え方場合、どのような企画を行うかを見てみてましょう。 商品がどんなものかを分類する 商品がどんなものか。 まずは客観的に自社の商品について、意見を集めましょう。それは社員からでもいいですし、社員の婚約者、家族でもいいでしょう。もちろん外部の声でも構いません。これらの意見を元に、その商品が... 続きを読む

プレゼンで常に高い平均を維持する私が気をつけている10の実践ポイント | Flips Blog Web担の小技

2015/03/17 61 users プレゼン 配色 スライド Web担 小技

プレゼンシリーズ。 最近しょっちゅう色々なところでプレゼンを行うことになってしまった私ですが、だいたい5段階評価で4.4〜4.7を維持しております。 今回も東京、京都にて、プレゼンの核となる部分をお話しましたが、それ以外に、実際にどんな事気をつけているのかをご紹介致します。 １）プレゼンテキストの配色は3色のみ 色を使いすぎるとスライドに目を奪われる時間が多くなるように感じたため、配色を減らしまし... 続きを読む

説得力のあるWebサイトに最も必要な3つの要素 | Flips Blog Web担の小技

2014/05/09 59 users Web担 要素 説得力 小技 Webサイト

よく海外のブログを読みあさっていると、説得力のあるWebサイトについて、どの記事も共通して「オリジナルデザイン」が上げられています。 しかし、日本国内においては、それが最も重要な要素とはなりません。現に、デザインの要素など一欠片もない縦長に文字と画像を押し込んだ縦長テンプレートでも売上は上がっています。 では、一体どのような要素が、説得力に直結しているのでしょうか？ １）購入者の声 最初の要素は、... 続きを読む