無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」
iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、ACO形式の3種類、ライセンス・フリーなので商用・非商用を問わず自由に使用することができます。 Flat Rounded Square UI Kit http://www.webappers.com/flat-ui-kit/ まずはウェブサイトやソフトウェアなどで使用するナビゲーション・ボタンいろいろ。紺色を基調としており、効果的に赤や水色が使用されています。 ノーマルのボタンはバリエーションのある
商用利用無料、作り込みが素晴らしく色使いも勉強になるフラットなアイコン素材 -Ballicons
フラットのアイコンって使い道が限定されてるよなと思うのですが、見てるだけで楽しい、各アイテムの細部の作り込みカラースキームなど素晴らしいアイコン「Ballicons」を紹介します。 ↓こういう風にアイコンを見せるのもかっこいいですね！
フラットデザインに即採用！美しい日本語フォント。しかも無料。
最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。 そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというものに出会うとデザインの基盤として大活躍してくれます。 今回Webで見つけて早速持っているMac全てにインストールしたフォントはこちら。 M+ FONTSの紹介 M+ OUTLINE FONTS はコンピュータなどでの個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているアウトラインフォントです。 海外のフォントはかっこいいのがたくさんありますが、結局英数字だけなので日本語を使用したい場合はバラン
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
フラットの後にじわじわきてるデザインのトレンド -long shadow design
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイコン作品でも最近よく見かけますね。
フラットデザインの参考になりそうなフリーアイコンやUI Kit、イラスト | バニデザノート
フラットデザインを作成する際に参考になりそうなフリーアイコンやUIキット。「フラットデザイン＝手抜き」というのでは、クオリティが保てません。ディテールを確認し、フラットデザインの特徴を捉えていきましょう。
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
フラットデザインに使える無料アイコンセット19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今、身につけておきたいデザインのテクニックが論理的にしっかり学べる一冊 -Webクリエイティブの新しい考え方
新着記事
新着記事
キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材
流行に乗っていいの？フラットデザインの落とし穴
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://shingekidesign.com/?p=116
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Flat UI - Free Bootstrap Framework and Theme
新着記事
Flat // Material UI