Webデザイン勉強の参考にしたい、魅力的なサイト35選 2017年2月度
目まぐるしく変化するウェブデザインは、技術の発達によりこれまでは難しかった表現も可能になってきています。ユーザー主体とした体験型サイトなども増え、アニメーションやレイアウトなど新しいデザイン要素を利用することで、より魅力的でインタラクティブなサイトデザインに仕上げることができます。 そんなウェブデザイン制作アイデアの参考にしたい、クオリティの高いWebサイトをまとめてご紹介します。Webデザインやホームページ作成を勉強したいという人にもオススメです。 ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】 これでもう悩まない！2017年のデザイントレンド完全ガイド Webデザイン勉強の参考にしたい、魅力的なサイト35選まとめ North 2 カラフルな配色でヒーローイメージが切り替わるインパクトのあるデザイン。 Adison Partners デュオトー
ウェブサイト制作に欠かせない、アニメーション人気テクニック4つまとめ
機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、より快適なウェブサイト体験を実現するために加えたい、アニメーションの制作テクニックをサンプル例と一緒に詳しく見ていきましょう。 進行状況（英: Progression） ローディング・アニメーション ウェブデザインに使われるアニメーションでもっとも一般的なもので、ページの読み込みに関係しています。ローディング・アニメーションは、コンテンツを読み込むまでの待ち時間をユーガーが短く感じられるように工夫されています。 シンプルな動きがローディング・アニメーションにとって最適で、音や余計なエフェクトなど
ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】
Webサイトのデザインがなかなか決まらない。 そんなときは、他のデザイナーが作成したWebデザインをまとめた、ギャラリーサイトをチェックしてみてはいかがでしょう。レイアウトや配色など、アイデアが湧いてくることがあります。 今回は、ウェブサイト制作の参考になりそうなアイデア、インスピレーションを与えてくれるWebデザインギャラリーサイトをまとめています。リストを一度見直し、2017年現在も更新を続けているサイトのみ厳選、追加しているので、実践的でクリエイティブなデザインを探すことができるでしょう。 詳細は以下から。 デザイン制作の参考にしたい、Webギャラリーサイトまとめ 厳選 国内ギャラリーサイトまとめ Muuuuu.org クオリティが高い縦に長いサイトを厳選して集めているサイトです。 現代デザイン トップページだけでなく中面、下層ページもまとめて表示され便利です。 81-web 当サイ
注目度アップ！画面を二分割するWebサイトの制作ポイントまとめ（参考テンプレート付）
画面を縦半分に二分割した「スプリット・スクリーン（英: Split Screen）」デザインの利用がウェブサイトで増えてきています。このレイアウトは、「ひとつの画面に2つのメッセージ」というシンプルなルールだけです。 各パネルには写真イメージや文字テキスト、イラストなど異なるさまざまな要素を配置できるのが特長のレイアウトです。 シンプルとなってきているグラフィックのデザイントレンドに比べ、画面を2つに分割することは、よりユニークな方法でサイトへの興味を引くことができます。もう少し詳しく見ると、以下のような利点があります。 特定のパートにユーザーの注意を引きつける。 コントラストをうまく利用できる。 これまでにないスタイルを提供できる。 また、あらゆる画面サイズに対応する、レスポンシブデザインにとっても良い選択と言えるでしょう。このタイプのレイアウトは、大画面やタブレットでの表示が特におすす
SF好きにはたまらない！？Photoshopで作るライティングエフェクト｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、小林です。 9月に入りましたね…今年も残すところあと4ヶ月しかありません。 この8ヶ月を振り返ると、何もしていないわけではないのですが、何もしてない！と焦りが出てきました。 一寸の光陰軽んずべからず。無駄な時間を過ごさぬようにしていきたいものです。 さて今回は、Photoshopを使った、よく映画のタイトル等で見かけるライティングエフェクトの作り方をご紹介します。 （Photoshop CC2014で作成していますが、下位バージョンでも問題ありません） まず完成形はこちら。 この横一閃の光とか、SF映画でよく見かけますよね？以外に簡単に作れます。 STEP：1 ベースとなる背景を作ります。 ①幅1280px × 高さ950pxのキャンバスを作成 ②新規レイヤーを作成し、何色でもいいので塗りつぶしたら、レイヤーをダブルクリック。レイヤースタイルのダイアログが出ます。 ③グラデーシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
