UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう（参考記事『SVGで始めるマイクロインタラクション入門』）。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、HTMLコーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、具体的な実装方法について紹介します。 【コーダー向け】CSSでSVGアニメーションを実現する方法 HTMLコーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコ
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
What Are Web Designers Best Sources For Inspiration?
If web design inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all that code that goes with it, there are times when inspiration seems hard to come by. So where do you get inspiration as a web designer? Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, I
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] - Tomasz Mazurczak
Sign up or Sign in to view personalized recommendations, follow creatives, and more.
![55+ Elements FREE UI KIT | Clean white [DOWNLOAD] - Tomasz Mazurczak](https://cdn-ak-scissors.b.st-hatena.com/image/square/df8204da9d1a7c73963b6cfac0187743f4ed9821/height=288;version=1;width=512/https%3A%2F%2Fmir-s3-cdn-cf.behance.net%2Fproject_modules%2F1400%2Faa198421169935.5635ef938f764.jpg)
ROOMIE
ポータブル電源をキッチンに置いただけなのに、暮らしがまるっと快適になった。その理由はね… ポータブル電源は日々の暮らしで使ってこそ、その便利さが実感できる“家電”。今回はインテリアコーディネーターでもあるROOMIEライターが、ポータブル電源をキッチンに置いてみました。1台のポータブル電源をキッチンに置くことで、暮らしにどんなワクワクがもたらされたのかをご紹介しましょう。
DOMAIN ERROR
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary
私は、職業柄（？）プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。 そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めています。 たった1度やって頂くだけでも、明らかにデザインに対する見る目が変わるのでお勧めです。 なぜスケッチが必要か？ 多くのPCスクールやWebスクールでは、Photoshop などの「ソフトの使い方」を中心に教えているようですが、それだけだとWebサイトをデザインするのは難しいと思います。 なぜなら、Photoshop などのソフトは「頭の中にあるもの」を制作することはできますが、「頭の中にないもの」を制作することは難しいからです。 デザインは、ソフトが自動的にやってくれるものではありません。 自分の力で1から作る必要があるのです。 そのために、「良いデザイン」とされてい
![[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab5cbd3dd1186ff326b5535187635828fcee5c0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F8c4a9bf2a4c1d3459b7f3b5db1bf2eb5-500x304-1.png%3Ffit%3D500%252C304%26ssl%3D1)
ディレクターが思う。Webサイト設計時に必ず注意したい2つこと（+1） | ユーモアのある人生を。【Maka-Veli.com】
まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、 これは別の機会とさせて下さい。 ヒアリングを行う上で、もしくは行った上での対策3つです。 いわゆるターゲッティングです。 必ず必要になる設計要素で、 これが無ければWebサイトの成功は無いと個人的には思っています。 なぜターゲッティングが必要か？ 見たい人が見ないサイトでは、存在価値がありませんよね。 これは、設計時や表面上のデザインに大きく影響します。 女性向け、男性向け、10代、50代、様々なターゲット層を 踏まえ、サイトを構築する事が重要です。 どのように行うか？ ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か？ そしてどんな人が訪れる可能性があるか？ それら全てを想定します。 よく行われるのは「ペルソナマーケティング」と言われる手法で、 ペルソナ=架空の人物
「画像を0.5ピクセル左に」「妖精をもっと本物っぽく」 顧客のムチャぶりに絶句するWebクリエイター達:アルファルファモザイク
■編集元：ニュース速報板より「「画像を0.5ピクセル左に」「妖精をもっと本物っぽく」 顧客のムチャぶりに絶句するWebクリエイター達」 1 ろう石(静岡県) :2010/02/09(火) 07:41:10.57 ID:6qfMfoD9 ?PLT(12000) ポイント特典 ● クライアントからのムチャぶりに絶句するWebクリエイター達 「Webクリエイターボックス」で、「クライアントからのムチャぶり迷言集」なるエントリーが公開されている。「画像を0.5ピクセル左に移動させてください」「サイトを印刷してみたんですがGIFアニメーションが動きません」といった物理的に不可能な内容のほか、「妖精をもっと本物っぽくしてください」「Photoshopでこの人を正面に向かせてください」などといったギャグとしか思えない一言まで、さまざまな迷言珍言が集められている。 発注を請ける側はムチャぶりの予習
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.ifly50.com/en_se/50
Free Resources Archives - Vandelay Design
10 Best WordPress Themes for 2014
The 7 Awesome Secrets of Lazy Designers ~ Creative Market Blog
horibeyasu.be
Experience the Withings Pulse O₂
404