グラデーションをアニメーションで変化させるjavaライブラリ「Granim.js」が使えそうなので忘備録。「EXAMPLES」を見てみると放射状のグラデーションや、イメージにマージ(透過)させた例、マスクにグラデーションをつけた例などあり、いろいろと応用できそうなライブラリです。

公園ってエッジデザインひとつで、こんなにも魅力的に！台北「永康公園」と大阪「靭公園」に見た、公園と街をつなげるデザインの可能性． 暑さも過ぎ去ってしまえば、寂しいもの。ってことで、今日は台北のフワフワかき氷＆ぷりぷりのマンゴの写真で、少し暑さを思い起こしながら、前回の続きで、台北と大阪で発見した良い公園のお話を。 まずは台北から。この日の台北は、滞在していた東門から徒歩数分の「永康街」エリアを歩いていました。「永康街」は、台湾レポートの最初の記事で取りあげたエリアです。 幸福度アジアナンバーワンを支える豊かなグランドレベル！ 台北「永康街」を歩く編 このエリアの中心には、「永康公園」という三角形の小さな公園があります。生い茂る緑があまりに魅力的なので、思わず入ってしまいます。「いきいきと生い茂る緑」、これは公園づくりの基本中の基本ですよね。 入って直ぐのところにある掲示板に目をやると、ポス

ファッションを一種のプロダクトデザインとしてとらえ、「日常生活を豊かにするデザイン」を目指し、幅広い活動を行っているファッションブランド「mintdesigns（ミントデザインズ）」の名古屋初個展。 ミントデザインズは、「流行」と同義ではない「ファッション」の可能性を提案する事をコンセプトとし、独自に開発するテキスタイルのユニークさ、遊び心あるグラフィックを生かし、衣服以外の異業種とのコラボレーションにも積極的に取り組み、そのデザインの領域を拡大しています。 本展覧会では、ミントデザインズの制作の裏側を「素材＝MATERIAL」をテーマに、デザインソースやテキスタイル原画、 ツール、プロダクトを通してご紹介します。また、コレクション映像の上映により、ミントデザインズのこれまでの軌跡をご覧いただけます。 ブランド名である“mintdesigns”の“mint”にはハーブのミントが表すフレッシ

ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。 Store Pages ローンチして間もないサイトですが、そのコレクションは充実しています。 ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。

大阪駅のBad UX、マイルドヤンキー、反復プロセス、脱コミュ症、組織UX――UXデザインの今が分かる「UX JAM11」レポート（1/3 ページ） UI/UXの情報を配信するメディア「UX MILK」が2016年8月31日にUXをテーマにしたイベントを開催。7つのライトニングトークの模様をレポートする。

2016 - 09 - 15 Adobe XDが凄すぎる！？WEB製作の経験が無い人でも本格的なWEBサイトが作れちゃう-WEB製作する人は顧客の人とその場で製作出来る- Adobe 少し話題になっていますがAdobe XD(Preview）というものなのですが、このAdobe XDというソフト。素直にビックリしました。PCやスマホ、タブレット向けのWEBサイトやアプリのUIを製作するDesignモード。そのUI操作によって画面遷移などを設定しプレビュー出来るPrototypeモード。この二つのモードがあるのですが、まず驚いたのはDesignモード。数年前まで本格的なWEBサイトを製作しようとするとソースを勉強したりデザインの勉強など、覚える事が沢山ありました。 それがホームページビルダーなどのソフトが進化し誰でも簡単にHP製作出来るようになったのですが、今回のAdobe XDも進化といえ

作るだけだと失うバランス スキルが多ければ就職のチャンスが増えるでしょうし、デザインとコードの間を取り持つためのコミュニケーションの手間も省けます。新しい技術を取り入れたデザインが考えられることで、表現の幅も広がるはずです。柔軟性、拡張性のあるデザインを作るときにコード脳が役立ちますが、デザイナー自らがコードを書く必要性はないと考えています。 小さな組織、フリーランスであればコードを書かざるを得ない状況があるので、それは仕方ありません。『書けるべき』という強い表現が、どのような状況にも当てはまるように聞こえてしまうことに疑問を感じます。また、制作スキルばかりに力を入れても、デザイナーとしてのスキルの伸びに限界がある考えています。 デザインは人によって様々な定義が出てくるややこしい言葉ですが、私の中で「作る」ことと「考える」ことの 2 つに分けています。作ることは、何か目に見えるもの、触れる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

WordPressは最早できないものはないくらい、さまざまなタイプのWebサイトが制作できます。しかしその出来ることが多すぎて、どこから手をつければよいのか分からない、具体的にどうすればよいのか探すのが大変ということもあります。 WordPressを使用したサイトを作成する際に、必要とされる制作テクニックをしっかり身につけることができるオススメの本を紹介します。 WordPress最新版に対応です！ 本書は2013年に刊行された「WordPressデザインのメソッド」のアップデート版で、2016年現在の状況に合わせて各テクニックの実装方法が全面見直され、レスポンシブサイトに不向きなテクニックは削られたものです。 今時のさまざまなデザインや機能、UIを実装するすごいテクニックが解説されています。

『イーデス』は、複数の企業と提携しており、当サイトを経由して商品への申込みがあった場合、各企業から報酬を受け取ることがあります。ただし、当サイトで紹介する商品・サービスは、イーデスが独自の基準で評価し掲載しております。 また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。※提携機関一覧 WEBサイトを作るときに、必ず必要になるのが画像素材ですね。 WEBサイトを制作する時に大切なのは、配色のバランスはもちろんですが、素材の良さで天と地ほどWEBサイトの魅力に差がでるので、素材選びがとても重要になります。 そこで、今回現役デザイナー8人が、本気で選んだ実践で活用できる素材サイトやトレンドをキャッチするための情報サイトをご紹介しようと思います。 「ユーザーが信頼して利用できるWEBメディア」を目指す編集部

オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov

FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。