2017年に「これは流行る！」な6つのWebデザインスタイルを予想
2016年を通じてWebデザイナーがシンプルさやミニマリズムの方向から離れるにつれ、数多くの新しいスタイルや流行を見てきました。私達はより視覚的に理解しやすく、インパクトのあるデザインの流行に戻り始めているように思います。FramerやOrigamiなどの新しい技術やソフトウェアがWebデザイン世界の可能性を広げ続けています。 ここで2017年の進化し続けることが確実な6つのWebデザインスタイルをご紹介したいと思います。 1. 繊細なマイクロインタラクション Buck.tv http://buck.tv/ マイクロインタラクション（細部の相互アクション性）は、プロトタイプおよび実行のためのツールとともに最近Webで人気を集め始めていて、この傾向は続きそうです。Buck.tv はマイクロインタラクションが効果的に実施されているいい例です。ホバーエフェクトが高度にスタイリッシュで、美しく、
最近Webデザイン界で流行っている「Duotone」をうまく使えば超イケてるサイトに様変わりするに違いない - Brian'z Imagination
その昔アンディ・ウォーホルという巨匠が描いたマリリン・モンローのポップアートのレプリカが4年くらい前にマンションに飾ってあったのを思い出すけれど、最近Webデザイン界では海外を中心に「Duotoneデュオトーン」と呼ばれるデザインが流行りだしている。 シンプルでありながら、ポップでビビッドで非常に印象に残るデザインなので、「Duotone」を極めれば超イケてるサイトになりそうな予感。 最近流行っている「Duotone」って何ぞ？ 「Duotoneデュオトーン」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色を中心に描き出されるハーフトーン作品のこと。Duotone作品自体は昔から存在するのだけれど、昔のアーティストが一生懸命に写真をつなぎあわせていた時代から時が経ち、Photoshopのアップデートで簡単に写真を加工してDuoto
【2015年10月・11月編】これから流行るかもしれない最新WEBサービス＆アプリまとめ - wepli.2
本日も恒例の『これから流行るかもしれない最新WEBサービス＆アプリまとめ』の10月と11月編を発表したいと思います。Googleの遊び心たっぷりのWEBサービスや、あっという間に完成する年賀状アプリ、人工知能を駆使した情報収集アプリなど、幅広い内容となっていますので、最先端のWEBサービスやアプリが大好きな方はチェックしてみてくださいね。 Google Star Wars キャストルーム 3分年賀 CARADA TOVY（トビー） AppCube ストリエ ツリバカメラ MaBeee SAGOJO（サゴジョー） みんチャレ My Disney Tap Stamp hi！ DMM.E Clear SENGA（センガ） さいごに 『これから流行るかもしれない最新WEBサービス＆アプリまとめ』の過去記事 2015年8月・9月編 2015年6月・7月編 2015年4月・5月編 2015年3月編 2
流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー・ジャパン
「CodeMyUI」は流行りのUIをコード付で紹介しているサイトです。GIFアニメでUIの動きを見ることができ、さらにそれを実現させるソースコードもリンクされています。デザイナーの方には重宝するサイトですね。 以下に使ってみた様子を載せておきます。まずCodeMyUIへアクセスしましょう。 このようにGIF画像とともにさまざまなUIが紹介されています。実際に動きを確かめることができるので、どんなUIなのかひと目で分かりますね。 詳細ページでは、そのUIを実現させるためのコードも閲覧できます。実際に動くサンプルがあるので、すぐに導入ができますね。デザイン段階でインスピレーションを受けたいときなどに、ぜひ覗いてみてください。 CodeMyUI （カメきち）
秘かに流行っているらしいポリゴンデザインが簡単に作れる無料アプリが本当に簡単すぎた！
これだけです。 はじめに自動で加工をしてくれます。ですが、ちょっと荒いためはじめの点を全て削除します。それから加工したい物の輪郭に沿って点を打っていけば、いい感じにポリゴン化されます。 各ツールについても、簡単に説明をします。 上から順に説明していきます。 About DMesh = DMeshのオフィシャルサイトへのリンク Check Pro Version = 有料版のアプリダウンロードサイトへのリンク Load Image = 加工したい画像を選択 Save As…(s) = 保存 Save Format = 保存形式（Bitmap、Vector、OBJ） BG Color = 背景の色を調節する Mesh Opacity (1~0) = 加工した画像の透明度調整 Point Color = 点の色を調整する Reset Setting = 設定した内容をデフォルトへリセット Get
Webデザイナーが捗る！知識を増やす最近のトレンドまとめ
作成：2014/09/29 更新：2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．ネオンカラー ２．washed out ３．グラデーション ４．マテリアルデザイン 模様 ５．ジオメトリー 背景 ６．背景色を時間の経過で変化させる ７．スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける ８．シネマグラフ ９．線画 (SVG) １０．グリッチ UI・他 １１．ゴーストボタン １２．プレースホルダー １３．ローディングエフェクト １４．pushState １５．ドロアー レイアウト １６．タイルレイアウ
いまWebサイトで流行ってる色 / Maka-Veli .com
CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
WordPressでレスポンシブを構築する際の画像サイズ対応例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
サイン バイノー！ おっしーです。 今回はWordressにどうやってレスポンシブデザインを組み込むか？に焦点を絞ってみました。 まず「レスポンシブデザイン」について。 弊社のデザイナーの記事を読んでいただくと、すごくわかりやすいと思います。 必読！5分でわかる流行のレスポンシブWebデザインまとめ 必読！5分でわかる流行のレスポンシブWebデザインまとめ その2！！ 必読！5分でわかる流行のレスポンシブWebデザインまとめ 制作編 で、今回は画像のサイズに対応するにはどうするか？と言う事ですね。 WordPressでは便利な関数『the_post_thumbnail』がございます。 ドキュメントを確認して頂けると… 「トリミング」処理なので画像が切り抜かれてます。 /* functionで定義する */ add_image_size( 'category-thumb', 300, 300
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
最近話題になったイケてるWebサービス・アプリ10選（2013年8月編）
Paletta（パレッタ） プログラマのためのカラーパレットツールです。 ワンクリックするだけで調和のとれた色が生成されます。流行りのフラットデザインでは「色」の感覚が特に重要なので便利です。 sounds39 “ボカロ曲と巡りあうキッカケがもっとたくさんあればいいのに”という想いから生まれたVOCALOIDの楽曲専用の再生サイト。 まるでCDショップで好みのジャケットを探せる、いわゆる、ジャケ買い感覚で選べることが特徴です。また、ランキングやジャンル別、気分別に楽曲を探すこともできます。機能もどんどん増えていっており、より使いやすくなっていきそうです。 Dialogue MacとiPhoneをBluetoothで接続し、Macで通話できるようにしてくれるアプリです。価格は600円。iPhoneに着信が入るとMacに着信画面が表示され通話できます。さらに通話の内容を録音できるのは驚きです。
ホームページを作りたくない貴方へ捧ぐ - good-day's blog ～皆様にとって良い１日を～
私は今までホームページを数十と製作してきましたがほとんどは無料の テンプレートを使用しております。 ０から製作したこともありますが完成度は低く「なんじゃこりゃ？」って感じ のものだらけです。下記のものを使用すると数時間でホームぺージが作れて 便利ということにあるときから気付きましたので紹介。 グットデザイン系 flash natural http://flashnatural.com/ テンプレートモンスター http://www.templatemonster.jp/ この２つはデザインが何と言うか「今風」って感じです。 流行を意識したい方にはおすすめです。 親切系 WEB MAGIC http://www.webmagic.jp/ フリーの素材、レンタルサーバーも同サイトで紹介してくれるので親切です。 初心者に良いかもしれまんせんね。 業者系 Nikukyu-punch http://
ウェブ業界で流行しているフラットデザインの利点と欠点
Windows 8のUIやGoogleのアイコン、Appleの新しいiOS7、さらにはFirefox 23のアイコンにまで使われているフラットデザイン。そんなフラットデザインがインターネット上で流行しているのかどうか、このデザインの特長は一体どういった点なのか、ということを実際にウェブ業界で働くプロ100人に対して調査したレポートが公開されています。 Flat Web Design Is Here To Stay - The Usabilla Blog http://blog.usabilla.com/flat-web-design-is-here-to-stay/ 調査はウェブ業界で働くプロフェッショナル100人に対して行われました。調査対象者の職業は以下の通りで、ウェブ業界で働く人々をまんべんなく調査しています。 調査の参加者にフラットデザインについて最初に思い浮かぶ単語を尋ねると、以
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
流行に乗っていいの？フラットデザインの落とし穴