2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

そもそも採用する機会自体が減っているものの、定期的な更新作業でたまに必要になるイメージマップ。 これまでは Dreamweaver を起動して、作成していました。 ただ、使用頻度の低下を理由に Adobe Creative Cloud から illustrator / Photoshop だけの単体サブスクリプションに切り替えようかと悩んでいた時期でもあり、自分でツールを作ることにしました。 正月休みの空いた時間にひっそり公開していたのですが、自分と同じように「Dreamweaver をスポット的に利用している」という方がいらっしゃったので、改めて記事にまとめてみます。 使い方HTML Imagemap Generator： https://labs.d-s-b.jp/ImagemapGenerator/ 上記 URL へアクセスして、ローカルにある画像ファイルをドラッグ＆ドロップします。

ひと昔のサイトを見た時、直感的に「このサイト古いつくりだから、アクティブじゃない」なんて感じることはありませんか？ 近い将来、あなたのサイトもこのように思われてしまうかも知れません。サイトのデザインが古いことは、機会損失につながります。 あなたのサイトが少しでも長く愛されるサイトデザインにするために、本日は最新のウェブデザイン手法である「フラットデザイン」についてお伝えします。 ▼目次 1.フラットデザイン概要 2.フラットデザインのメリット 3.フラットデザインの考え方 －フォントの選定 －オブジェクトの作り方 －グリッドのマージンの取り方 4.背景に画像を敷く 5.フラットデザインなサイト事例 6.フラットデザインなスマホサイト事例 7.まとめ 1.フラットデザイン概要 近年、IOS7やwindows8のヴィジュアルに「フラットデザイン」というものが導入されています。歴史をたどると、ド

制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。わかりやすく情報を伝えるためのデザインを提供します。

転機を迎えた郊外住宅地 「もっと若い人にここに移り住んでもらって、かつての活気を取り戻したい」 私たちが訪ねたとき、多くの住民からこうした声を聞きました。確かに広い庭や緑豊かな公園は、子育てには理想的な環境です。 しかし、いくら空き家があっても、地元の若い子育て世代が簡単に手を出せる価格ではありません。また、厳しい建築協定が結ばれているため、土地を分割して売却したり、アパートなどの集合住宅を建てたりすることもできません。良好な環境を維持するための配慮が、かえって若い子育て世帯が移り住むことを阻んでいるのです。 住民の１人は「地域のスーパーは閉店し、中学校も来年には統廃合されます。今は元気だからまだいいですが、１０年後、２０年後を考えると、このまま住み続けることができるのかどうか、本当に不安です」と話していました。 明治大学文学部の川口太郎教授は、日本の郊外住宅地は、大きな転機に立たされてい

はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し

大きな背景画像を使った魅力的なWebサイトを作ろう以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ 背景に動画を使った Web サイトの作り方 背景に大きな画像を使うメリット・デメリット大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、その Web サイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間が

従来、農地等のため池では、農閑期に水を抜き、魚を捕獲したり、護岸の補修や点検等を行ってきました。これらは、ため池の機能を維持するために欠かせない管理作業の一つでした。 近年では、都市部の公園池などで、自然の浄化能力を活用した水質改善や、外来魚を駆除することによる生態系の回復を目指した「かいぼり」が行われる例が増えてきています。 井の頭恩賜公園100年実行委員会では、開園100周年に向けて、「かいぼり」や様々な自然再生のとりくみを都民の皆さんと一緒に行っています。 「かいぼりによる自然再生のとりくみ」リーフレット版はコチラ　表・中（PDF 2.6MB） かいぼりはため池を維持する手法として、昔から日本各地で行われていました。 井の頭池では水質の改善と外来種の防除を目的として、2017年の開園100周年までに3回実施します。以後、数年ごとに繰り返し行う予定です。 魚やエビ、カメ、水鳥など多様な

元はまぞうブログ運営会社シーポイントのデザイナー。現フリーランス。 デザイン、イラスト、IT関係メインに記事を書いてます。LINEスパムとの戦いもしてます。ジバニャンと猫が好きです。 「¥¥●●¥●●¥●●●.tmp へのアクセス中に共有違反が発生しました。」 というエラーがDW8(ドリームウィーバー8)を使っている時に出るようになってしまった。 これ↑。 （一部クライアント名なので、ぼかしを入れています。） ドリームウィーバーというのは、WEBサイトのコードを書く補助ソフトで、 WEBデザイナーには必須のツール。 そのソフトを使ってのサイトの修正中、今までまったくでなかったこのエラーがでてしまった。 いろいろ解決方法を試みる。 まずは、無難に再起動。 ↓ 改善見られず。 ファイル名を変える。 ↓ 改善見られず。 サイト管理の設定をし直す。 ↓ 改善見られず。 ウィルスソフトをOFFにする

こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless

【ディレクターとデザイナーの溝を埋める記事まとめ... / ディレクターはクライアントとデザイナーの間の調整... / Webの世界ではデザイナー経験がなくディレクター...他...全7件 【ディレクターとデザイナーの溝を埋める記事まとめ】 小規模の制作会社だとディレクターとデザイナーが揉めるのはよくあること。お互いがお互いの仕事を知り、リスペクトすることが大切です。すべてはクライアントのため、同じ目標を共有して、成果の出る仕事をしたいものです。 ディレクターはクライアントとデザイナーの間の調整役でもあります。デザイナーにとって何が大変か、クライアントにとって何が重要なのかを把握し、尊重すべきところは尊重し、うまくすり合わせることが大切です。

流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。　超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ

はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ

WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザイン以外のギャラリーや専門サイトを見る事も少なくはありません。 配色ルールなんかをインテリアやファッションデザインからヒントを得る的な記事も前に書かせてもらいましたが、似たような事かなと思います。たまにはWEB以外のデザインに目を通して違う発見やアイデアを得るための時間を作るのも面白いものですよー！ というわけで、今回は海外WEBデザインギャラリーまとめに続きまして続編的に書いてみようかなと、前回

WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!

「Webデザイナーのためのタイポグラフィと文字組... / Webデザイナー（私）によるタイポグラフィーレイ... / Illustratorで文章を扱うとき（文字組版...他...全9件