背景にグラデーションを使った素敵なサイト
WEBデザイントレンドショーケース：素晴らしいグラデーション
Web Design Trend Showcase: Super Gradients
After the dominance of flat colours in web design I’ve noticed a new trend of gradient use beginning to emerge. Gradients are nothing new in web design, but the CSS property of linear-gradient now allows designers to add vibrant spectrums of colour directly to their code, rather than the traditional method of creating a gradient image in Photoshop.
フラットな色の優位の後にWEBデザインで私はグラデーションの使用する新しいトレンドが出現し始めていることに気付きました。グラデーションはWEBデザインで今までなかった新しいものと言うわけではありません、しかしlinear-gradientのCSSの特性は、Photoshopでグラデーションイメージを作成する従来の方法と異なり、直接それらのコードに色のスペクトルを加えることを可能にします。
フラットデザインが出てしばらくくらいから今がトレンド！と定期的に言われているイメージです。好きなデザインですが文字の可読性が下がりやすく、長文のあるサイトでは扱いにくい為ブログではあまり見かけません。特定の決まった呼び名がなく、単に「グラデーションを背景に使用したデザイン」というそのままな呼ばれ方をします。
このサイトも現時点では背景にグラデーションを使っています。
マテリアルデザインのモーション研究
Material Design Motion Explorations
it is awesome to see more and more people playing with Material Design.
ますます多くの人がマテリアルデザインと遊んでいるのを見るためにそれは素晴しいです。
マテリアルデザインのモーションのGIFアニメは先月くらいから活発に作られるようになり、今までのオーソドックスなものからだんだんとユニークなものが増えています。
Material Design Motion Explorationsベストな無料のUIキット、2015年2月
The best free UI kits, February 2015
Designers love UI Kits. They’re a great way to explore ideas, and they’re a great palette cleanser after a difficult project.
デザイナーはUIキットが好きです。 それらは考えを探究する素晴らしい方法ですし、そして困難なプロジェクトの後の素晴らしいパレットクレンザーです。
パレットクレンザーは絵の具などを混ぜるパレットの洗浄剤、口直しになどの意味合いもありますが、この場合「頭の中をクリーンにするもの」というようなニュアンスです。UIキットをそのまま使う機会はなかなかないと思いますが、自分が好きなデザインと好まれるデザインについて整理するのに役立ちます。
The best free UI kits, February 2015WEBデザインにおけるヒーローイメージを使う最も良い方法
Best Ways of Using Hero Images in Web Design
What do you imagine when hear the words “Hero image”? Most of younger population people will imagine pictures of Batman, Superman or other graphic novel characters. But for a web design this term has an absolutely different meaning. A trend for the use of huge photos and images on a Home Page emerged in web design during recent years. These photos got the title of “Hero images” and today hardly any cool website design goes without those big pictures in headers or backgrounds.
あなたは「ヒーローイメージ」という単語を聞いて何を想像しますか？若い人々の大半がバットマン、スーパーマンの写真や他の劇画の登場人物を想像するでしょう。WEBデザインがなければこの用語は絶対に異なった意味を持っています。 ホームページにおいて大きな写真やイメージを使用するトレンドが最近のWEBデザインで現れました。これらの写真は「ヒーローイメージ」という呼び名を手に入れ、そして今ではほとんどのクールなウェブサイトデザインでもヘッダーやバックグラウンドでそれらの大きなイメージなしでは済みません。
「ヒーローイメージ」と言う言い方は初めて聞きましたが、調べたところ5年以上前から使われている用語のようです。こういう横文字はあたかも前から知っていた風に使ってみたくなります。スーパーヒーローバナーという言い方もするようです。
ヒーローイメージについて調べた関連として、改めて歴代のAppleのサイトのを見ると感慨深いです。thoughtdifferent(1997年から2011年までのAppleのサイトのデザインを見れるサイト)
20の新しく素晴らしい無料のPSDウェブサイトテンプレート
20 New Gorgeous Free PSD Website Templates
These great PSD website templates will help you save time and get some precious inspiration for your web projects.
これらの素晴らしいPSDウェブサイトテンプレートはあなたの時間をセーブするのを手伝い、そしてあなたはWebプロジェクトのための貴重なインスピレーションを得るでしょう。
綺麗なテンプレートを見ると癒されます。
20 New Gorgeous Free PSD Website TemplatesUI/UXワークby Virgil Pana
UI/UX Works by Virgil Pana
Virgil Pana is a freelance designer and front-end developer based in Bucharest, Romania. He specialized in UI/UX design for Web and mobile applications.
Virgil Panaはブカレスト、ルーマニアに本拠地を置くフリーランスのデザイナー、フロントエンドデベロッパーです。彼はウェブサイトとモバイルアプリケーションのUI/UXデザインを専門に扱います。
UI/UXデザインのGIFアニメーションです。アニメーションありきではなく、使いやすさの為のアニメーションになっていて勉強になります。
UI/UX Works by Virgil Pana
昨年の世界中のトレンドカラー解析
海外から見た日本のWEBデザイン
コメントを残す