フラットデザイン実現のためのJavaScriptフレームワーク
Webサイトデザインの新しい流行が「フラットデザイン」になりつつある。Windows 8やWindows Phoneですでにその兆候があったが、Appleが発表したiOS 7のデザインでその流れは確実になった。iOSはモバイルデバイスやタブレットデバイスで過半数を確保し、バージョンアップ率も高く同分野において支配的なポジションにある。iOSがフラットデザインへ変更することはデザインの流行に強い影響を与える可能性が高い。 フラットデザインをまとめたサイトや、フラットデザインを実現するためのJavaScriptフレームワークなどの情報がDailyJSの記事「jQuery Roundup: Go Flat!」に掲載された。フラットデザインを実現するための資料サイトとして参考になる。 jQuery Mobileを採用している場合、「jQuery Mobile Flat-UI Theme」が最初のと
無料で商用利用可能なスタイリッシュかつシンプルなフォントいろいろ
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ～！という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
AWS-CloudDesignPattern CDP2.0候補
AWSクラウドデザインパターンとは？ AWSクラウドデザインパターン (AWS Cloud Design Pattern, 略してCDPと呼ぶ)とは、AWSクラウドを使ったシステムアーキテクチャ設計を行う際に発生する、典型的な問題とそれに対する解決策・設計方法を、分かりやすく分類して、ノウハウとして利用できるように整理したものである。 これまで多くのクラウドアーキテクト達が発見してきた、もしくは編み出しきた設計・運用のノウハウのうち、クラウド上で利用が可能なものをクラウドデザインのパターンという形式で一覧化し、暗黙知から形式知に変換したものであるといえる。 パターンの中には、クラウドでなくても実現できるもの、今まででも実現されていたものも含まれているが、クラウド上でも今まで通りのアーキテクチャが実現でき、かつクラウドを利用する事で、より安価にそしてより容易に実現できるものは、CDPとして収
見やすく見出しに最適なフリーフォント集「20 More Fresh & Free Fonts for Beautiful Headlines」
TOP > Design , Font > 見やすく見出しに最適なフリーフォント集「20 More Fresh & Free Fonts for Beautiful Headlines」 数多くのフリーフォントが発表されていますが、分かりやすく見やすいフォントはデザインにも利用しやすく、クリエイティブを行う上で、重要な武器となります。今回紹介するのは見やすく見出しに最適なフリーフォントを集めたエントリー「20 More Fresh & Free Fonts for Beautiful Headlines」です。 Font FoglihtenFr02 – made by gluk 見やすさを追求しながらもデザイン性の高いフォントが多くまとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Lost Type Co-op |
これで開発者に差が付く、インタフェース心理学トピック100個集 | Act as Professional - hiroki.jp by HIROCASTER
近所にコーヒーショップがオープンしました。あなたは期待に胸躍らせながら、はじめてそのお店で1杯のコーヒーを買いました。笑顔の素敵な店員さんは、カードがスタンプで一杯になると、コーヒー1杯が無料になるポイントカードをくれました。 そのポイントカードは ポイントカードA 欄が10個あり、最初にカードを貰ったときにスタンプが1個も押されていない。 ポイントカードB 欄が12個あり、最初にカードを貰ったときにスタンプが2個押してある。 ポイントカードはあと10杯コーヒーを買って、スタンプを10個ためるものです。スタンプを一杯にするのにコーヒーを注文する回数に違いはありません。 AとBのポイントカードのどちらをもらうかで、何か違いはあるでしょうか？ インタフェースデザインの心理学この本はデザイナーのためのハウツー本ではありません。良いソフトウェアをつくるためのポイントを科学的に研究された事実を元に解
Adobe製。高品質なフォントファミリー·Source Sans Pro MOONGIFT
Source Sans ProはAdobe社がリリースしたオープンソースなフォントファミリーです。 Adobeは言わずと知れたグラフィックス系ソフトウェアの最高峰とも言える企業なので、デザインに対する意識は並々ならぬものがあります。そんなAdobeがはじめてリリースするオープンソースのフォント、それがSource Sans Proです。 フォントのサンプルです。Black。 Bold。 Extralight。 Italic。 Light。 Regular。 Semibold。 縦長のプロポーションですっきりとして見やすく、色々な場面で使えるのではないでしょうか。なおTrueType Fontの他、OpenType Fontもリリースされています。 Source Sans ProはOpen Font Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Source
UIデザインが素晴らしい35のウェブスタートアップ ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最
シンプルさが美しいミニマルデザインのウェブサイト35選 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
以前、ミニマルデザインの映画ポスターの記事を紹介して大人気となりました。それに便乗するわけではありませんが、今回はミニマルなデザインのウェブサイトを35集めて紹介した記事を。 — SEO Japan sachagreif radoorco kicktable thomasrobin socialwear captaindash theworkcycle crafft alexandermunk sam.brown lisidesign strbk adonit goliathsportswear dwd mikesmart bindacademie svenjohan brandonhawthorne xctravels lomography lamoulade computergraphics joshsullivan danielhritzkiv calepino wanda kyan
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt
シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。 この手のはよく見かけますけど、今日のプラグインは個人的に使いやすい印象だったのでメモ。 こういうやつ。 サンプル作ったので宜しければご覧下さい。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script src="jquery.fn.gantt.js"></script>本体とプラグイン。 $(".foo").gantt({ scale: "weeks", minScale: "weeks",
デザインの引出しを203%拡張させる神Webサイトデザインギャラリー | 秒刊SUNDAY
前回このＷＥＢサイトギャラリー特集を行った際には、フルFlash,フルスクリーンのカッコイイサイトが主流でした。当たり前のようにウインドウが最大化 し、当たり前のようにヌルヌルとＦｌａshが動く。時代は変わったもので、もはやFlashのフの字を聞くだけで『iPadじゃ見れないからねー』が付き まとう今日、ＷＥＢデザインはどのように設計したらよいのでしょうか。今回はそんなＷＥＢサイトデザインに役立つサイトをご紹介したい。 ◆Webデザインポータルサイト ■Webデザインのリンク集 Webデザインポータルサイト S5-Style スタイリッシュで非常に見安いサイト。次々に事例を見て行っても苦にならない。 ◆Webデザインリンク集・ソーシャルブックマーク ■Webデザインリンク集・ソーシャルブックマーク - 最近ページングではなくスクロールローディングに変更された。わざわざページングしなくても良
なぜ日本の某WEBデザインは2003年で止まってしまったのか。 | 秒刊SUNDAY
何故日本のＷＥＢデザインは2003年で止まってしまったのかという記事がネットでも話題になっていたが、実際のところそんなに古いデザインのサイトは数少なくなっているのではないかと思われる。しかし記事があおるように唯一、昔の古臭いデザインを未だに引きずっている『団体』が確かに存在する。何故そこまで昔のデザインにこだわるのだろうか。 ―問題となっている記事 ■Japanese Web Design: Why You So 2003? 問題となっている記事は上記の『何故日本のＷＥＢサイトは2003年で止まってしまっているんだい？』と言う記事。それを見ると、選定には恣意的なものを感じるが古臭いデザインのサイトがかいつまんで紹介されているが今回の論点はそこではなく、注目したいのは次にあげるような役所のＨＰだ。 たとえば、アメリカの首都ワシントンＤＣのＷEBサイト なんともワクワクしてくるようなカラフルで
試してみよう。Webベースのドローアプリケーション·Stylo MOONGIFT
StyloはWebベースのドローアプリケーションです。データの保存はできませんが、多機能です。 ドローという技術は応用範囲がとても広いです。IllustratorやFireworks、さらにVisioなどもドローソフトウェアと言えます。そんなドローをWebベースで再現するソフトウェアがStyloです。 四角を配置してみました。 日本語も問題ありません。 テキスト枠を追加。 枠の形を変えてみました。半径を入れるだけの簡単操作です。 色の変更はプロパティから。透明度も設定できます。 半透明のもの同士を重ねると重なった部分の色合いが変わります。 Styloはまるでローカルソフトウェアのような使い勝手を提供します。特にオブジェクトをドラッグした時に自動で補助線が出てスナップできるのは便利です。さらにキーボードショートカットやコンテクストメニューを使った重なり順の指定ができます。データの保存は今のと
今月のダウンロードしておきたいフリーのデザインフォントのまとめ -2012年4月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Subtle Sans 個人・商用利用無料。 Valentina 個人・商用利用無料。 Sports W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
WordPress › Error
ボクの開発スタイル
https://design-spice.com/2012/06/13/responsive-web-design-image/