Webデザインにおけるミニマルデザインとは | UX MILK

2020/07/26 8 users 外観 ガイドライン UX MILK 原則 最低限

Cameronはデザインの経験を持ち、『Color for Web Design』、『The Smashing Idea Book』という２冊のWebデザインの本を執筆しています。 ミニマルなWebデザインとは、具体的なデザインの外観ではなく、デザインの原則やガイドラインのことを指します。これらの原則にしたがうことで、必要最低限の要素だけでユーザーか... 続きを読む

2020年のグラフィックデザインのトレンド予測まとめ | デザインコラム・ブログ | ASOBO DESIGN™

2020/01/27 15 users グラフィックデザイン ブログ 主流 予測 トレンド

海外のデザインサイトの予測などを参考に、2020年のグラフィックデザインのトレンドを探ってみました。ここ数年の主流であるミニマルデザインは今年もその流れを変えることはないのでしょうか。それに変わる新しいデザインのトレンドが生まれるのでしょうか。 2020年のグラフィックデザインの背景 2001年にスタートした2... 続きを読む

ナイキのスリッポンはやっぱり快適だった! ランニングシューズから着想を得た「APTARE SE」をレビュー | GetNavi web ゲットナビ

2017/08/26 6 users ゲットナビ スリッポン 着想 ナイキ NIKE

ナイキのスリッポンはやっぱり快適だった! ランニングシューズから着想を得た「APTARE SE」をレビュー 「NIKE（ナイキ）」のスニーカーの特徴といえば、バツグンな履き心地を誇るエアソールではないでしょうか！ ですが、ほかにもナイキならではの優れたソールを装備したスニーカーが存在します。そのスニーカーこそ、ナイキ フリーのプロトタイプのミニマルデザインをヒントにした「APTARE SE（アプテ... 続きを読む

機能的なミニマルデザインの原則と実践例 | UX MILK

2017/03/28 20 users UX MILK 原則 実践例

この記事はNick Babichからの翻訳転載です。配信元または著者の許可を得て配信しています。 Functional Minimalism for Web Design (2017/2/10) 第二次世界大戦後の芸術運動に生まれを持つミニマリズムが、強力なWebデザインの技術として近年再び台頭しています。ときには、見た目よりも中身を重視する試みとして紹介されることもあります。ミニマリズムを正しく... 続きを読む

ミニマルデザインで最低限守りたい4つのルール | UX MILK

2017/02/09 62 users UX MILK 最低限 ルール 4つ

この記事はNick Babichからの翻訳転載です。配信元または著者の許可を得て配信しています。 Nick Babich - Best Practices for Minimalist Design (2017-12-29) モバイルデバイスの利用が伸びるとともに、ミニマリズムもまた増加傾向にあります。ミニマリズムは、アプリやウェブサイトに読み込み時間の高速化や画面サイズの互換性などの利点をもたら... 続きを読む

ずっと眺めていたくなる…！時刻が浮き出ては消えるミニマルデザインの時計がステキ − ISUTA（イスタ）オシャレを発信するニュースサイト - isuta

2017/01/03 14 users ユニーク 特色 イスタ 一見 ISUTA

「ETCHクロック」は一見、ホワイトボードのような不思議な時計。・時刻が消える…!?しばらく見つめていると、フラットなボードに時刻がふわりと浮き出てびっくり！弾力性のある素材の特色を利用した、ユニーク...「 ETCHクロック 」は一見、ホワイトボードのような不思議な時計。 ・時刻が消える…!? しばらく見つめていると、フラットなボードに時刻がふわりと浮き出てびっくり！ 弾力性のある素材の特色を利... 続きを読む

シンプルな水平メニューと相性が良さそうな、CSSホバーエフェクトのまとめ | NxWorld

2015/12/21 34 users NxWorld グローバルナビゲーション 相性 ホバー時 普段

グローバルナビゲーションといえば作り込んだ感じのデザインや移動先のページの内容が把握しやすいようなアイコンなどを一緒に配置しているものをやはり多く見かけますが、中には特にミニマルデザインなサイトなどでテキストだけを並べたシンプルな水平メニューを取り入れているサイトもあります。ただパッと見はたしかにシンプルなデザインでもホバー時にアニメーションを加えたりしているサイトも多く、自分も普段からそのような... 続きを読む

ミニマルデザインの基本！覚えておきたい７つの必須テクニックまとめ - Photoshop VIP

2015/02/24 137 users Photoshop Vip 基本 7つ

海外デザインブログDesignShackで公開された「Minimal Design: How to Design More with Less」の著者 Carrie Cousinsより許可をもらい日本語抄訳しています。 余白スペースを利用したミニマリズム（英: Minimalism）は、現在大きなデザイントレンドとなっています。このデザインテクニックをマスターするのは一見簡単に見えるかもしれません... 続きを読む

話題の新SNS「Ello」に招待されてみたらエッロ！なにこれエッロ！！ - モフモフ社長の矛盾メモ

2014/10/08 13 users Ello Facebook 呼び声 モフモフ社長 矛盾メモ

2014-10-08 話題の新SNS「Ello」に招待されてみたらエッロ！なにこれエッロ！！ タイトルは釣りです。 いぢまさんに招待していただき、アメリカでFacebookからの避難先と呼び声の高いSNS、Elloに登録してみました。 使って1時間くらいの感想です（今後、追記していくかも）。 えー と、ミニマルデザインというんですかね、白いです。シンプルといえば、シンプル。なにもないといえば、なに... 続きを読む

ASCII.jp：CSS Transitionsを使った3Dロールオーバーのアイデア (1/2)｜先端サイトに学ぶCSS3/jQueryアニメーションデザイン

2014/05/12 62 users jQueryアニメーションデザイン アイデア CSS3 注目

フラットデザインやミニマルデザインといった「Webデザインのシンプル化」が進む中、アクセントとなる「ちょっとした動き」を取り入れるWebサイトが増えています。本連載では、ブログ「Stronghold」のメンバーが、いま注目のWebサイトを毎回1つピックアップ。特徴的なインタラクション表現を紹介するとともに、CSS3やjQueryを使って実装する方法を解説します。（編集部） 今回の注目サイト： DE... 続きを読む

ぼかしエフェクトにモザイクを加えた、無料テクスチャ素材20枚セットPhotoshopVIP |

2014/03/05 29 users ぼかしエフェクト モザイク エフェクト バッチリ 相性

Webサイトの背景デザインとして活用したい、ぼかしエフェクトにモザイクエフェクトを加えたユニークな無料テクスチャ素材20枚セット「20 Free Mosaic Backgrounds」が公開されていたので、今回はご紹介します。 デザイントレンドでもあるフラットデザインやミニマルデザインとの相性もばっちりで、高画質で使い勝手もよさそうですよ。 詳細は以下から。 ぼかしエフェクトにモザイクを加えた、無... 続きを読む

#WP-D の動向を追え！ミニマルデザインってなんだい？ – WP-E（仮）Web Professional Education

2014/02/20 9 users なんだい WP-E WP-D 動向

流行りもん好きなWP-E読者の皆様おはようございます。 「どうせちょっとしたら飽きるんでしょ？」っとさっそくネガティブな、清野WPE-Kohadaです。 コハダっておいしいですよね。 地味で中々日の目を見ることないコハダですが、 昔から「寿司屋のうまさはコハダで判断しろ」なんて言われるように お店や大将の癖が出る一品なんです。 コハダは出生魚じゃない説 コハダはブリのように成長するにつれて呼び名が... 続きを読む

ミニマルデザインのススメ – 基本知識と7つのヒント | freshtrax | btrax スタッフブログ

2013/09/16 268 users btrax freshtrax ヒント ススメ 基本知識

btrax Staff Designers, engineers, project managers and interns. We have a multitalented team here at btrax, and freshtrax is where their voices are heard! Anyone can contribute as long as they have so... 続きを読む

ミニマルデザインの参考になる、デザインが素敵な建築・設計事務所のWebサイトまとめ13個 - W3Q

2013/04/22 65 users webデザイン W3Q 参考 デザイン Webサイト

[Webデザイン] ミニマルデザインの参考になる、デザインが素敵な建築・設計事務所のWebサイト 続きを読む

Tweetbotキラーとなるか!?最も美しく洗練されたミニマルデザインのTwitterクライアント「Avenue」に超期待！ | wwwlogme

2013/02/18 43 users Sparrow MAILBOX キラーアプリ iPhone

iPhoneにはいくつかのキラーアプリがあります。 例えばToDoアプリの「Clear」、メールアプリの「Sparrow」「Mailbox」、Googleリーダーアプリの「Reeder」。 これらに共通するのは、どれもが洗練されたデザインという事。 今回ご紹介するiPhoneアプリは、もしかしたらこれらと肩を並べるかもしれない今私が一番注目しているTwitterクライアントの「Avenue」です！ 続きを読む

質感たっぷり、オシャレ&ミニマルな無料テクスチャ、壁紙素材60枚まとめ - Photoshop VIP

2012/11/08 371 users Wikipedia フォルム エントリー 最小限 要素

最近のWebデザイントレンドとして、シンプルなミニマルデザインが提案されています。 Wikipediaでみるとミニマルデザインは、装飾的な要素を最小限に切り詰め、シンプルなフォルムを特徴としたものとされています。 海外デザインブログSplashnologyで、ミニマルデザインの無料テクスチャ、壁紙素材60枚をまとめたエントリー「Collection of Abstract and Minmal W... 続きを読む

ラジカセっぽさがクール！ ミニマルデザインのiPod／スマホスピーカーをDIY : ライフハッカー［日本版］

2012/06/20 7 users ラジカセ iPod 近頃 ライフハッカー DIY

DIY , 生活術 , 趣味 , 音楽 ラジカセっぽさがクール！ ミニマルデザインのiPod／スマホスピーカーをDIY 2012.06.20 15:00 近頃では携帯音楽プレーヤーやスマートフォンで音楽を楽しむ人が増えてきました。普段の生活はデジタルになっても気分はアナログでいきましょう。工業デザインを専攻する学生、MTriesttさんは「なんちゃってラジカセ」を作っちゃいました。 無駄のない必要... 続きを読む

ミニマリズムが美しい40のアイコン＆ピクトグラム素材集 | SEO Japan

2012/06/11 58 users ミニマリズム ピクトグラム チャレンジング ユーザビリティ

ミニマリズムなデザインに美学を感じる人は多いと思いますが、実際に実践してみようと思うと、美しさはもちろんユーザビリティ含めて考えるべきことが色々あり、中々にチャレンジングな分野です。今回はそんなミニマルなデザインに取り組む際に約立つかもしれない、アイコンやシンボル、ピクトグラムの素材集をまとめて一挙紹介します。大半が無料なので素材を活用するところからミニマルデザインに挑戦してみては。 — SEO ... 続きを読む

シンプルさが美しいミニマルデザインのウェブサイト35選 | SEO Japan

2012/06/06 175 users SEO Japan ミニマル インスピレーション デザイン

以前、ミニマルデザインの映画ポスターの記事を紹介して大人気となりました。それに便乗するわけではありませんが、今回はミニマルなデザインのウェブサイトを35集めて紹介した記事を。 — SEO Japan 今回はあなたのインスピレーションを刺激するような美しいミニマルウェブデザインのサイトをまとめてみた。 sachagreif radoorco kicktable thomasrobin socialw... 続きを読む

今週の壁紙堂vol.67「ミニマルデザインの壁紙で、すっきりデスクトップを実現」 : ライフハッカー［日本版］

2012/04/28 9 users 壁紙 ライフハッカー アイコン 壁紙堂 デスクトップ

DIY , Webツール , 壁紙 , 壁紙堂 今週の壁紙堂vol.67「ミニマルデザインの壁紙で、すっきりデスクトップを実現」 2012.04.28 10:00 コメント数：[ 0 ] Tweet 仕事が忙しくなってくると、それに比例するようにしてデスクトップもごちゃごちゃになってしまうものです。散らかったアイコンを整理する方法はこちらの記事でも紹介しましたが、壁紙をシンプルなものに変えることで... 続きを読む

Photoshop VIP ☞ 「シンプル・イズ・ベスト」、ミニマルデザインの無料WordPressテーマ素材20個まとめ

2012/04/26 225 users イス ＨＯＭＥ トレンド 最低限 Photoshop Vip

Home　>　 まとめ　>　その他まとめ　>　「シンプル・イズ・ベスト」、ミニマルデザインの無料WordPressテーマ素材20個まとめ 必要最低限の機能やコンテンツ、写真などを、可能なかぎりシンプルにレイアウトする、ミニマルデザイン。 分かりやすく情報をまとめるだけでなく、Webデザインのトレンドとしても人気があります。 海外デザインブログSpeckyboy Design Magazineで、ス... 続きを読む

Photoshop VIP ☞ ミニマルデザインを極める、WordPressテーマ素材30個まとめ

2012/02/10 359 users Wikipedia レイアウト シンプル＆ミニマル 肥大化

ミニマルデザイン(英: Minimal Design)とは、Wikipediaで見てみると、「あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計すること」とあります。 シンプルにまとめれることで、ユーザーにも分かりやすい、レイアウトを表現できます。 海外デザインブログNaldz Graphicsで、シンプル＆ミニマルなデザインが魅力的なWordPress用テー... 続きを読む

文字で高級感を伝えるには？！様々なタイポグラフィエフェクトと背景から成る印象色々！（PSDデータ付き） | バンクーバーのWEB屋

2012/02/06 57 users バンクーバー タイポグラフィ 背景 印象 文字

『高級感ある感じの文字でデザインしてみてください』…何百何千回と言われてきたであろうサイトデザインに対する一要望。 最近だとミニマルデザインが流行している感もあって、タイポグラフィの重要性も変わってきている気がするんですよね。最もユーザーに伝えたいことを最強調、シンプルにまとめ伝えるためのミニマルデザイン。必然的にサイトイメージをタイポグラフィが左右しているデザインも多いように感じます。 というわ... 続きを読む

効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス

2011/11/01 686 users 紙一重 装飾 Webクリエイターボックス 境界線 言葉

ミニマルデザインを考えるときによく使われる言葉「Less is more（少ない事は効果的だ）」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore（少ない事は退屈だ）」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ミニマルデザインとは そもそも... 続きを読む

スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net

2011/07/22 709 users インスピレーション イチ スマフォ net 課題

自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、... 続きを読む