レトロちっくなかわいいフリーフォントのまとめ -2013年秋レトロなデザインがかわいいフリーのデザインフォントをまとめて紹介します。 Rose Free。 ※商用利用の際は問い合わせてみてください。 Decani 個人・商用利用無料。 Banana Brick
5分で分かるインフォグラフィック
1分－インフォグラフィックとは インフォグラフィックとは、情報を分かりやすく、人に伝わる形に視覚化したものです。例えば、一見ばらばらのテキスト情報や数値データを、1つのグラフィックに集約します。 身近な実例でいうと、駅や電車内で掲示されている「路線図」を思い浮かべてみてください。路線図を見ると、各路線が停まる駅、各駅の大まかな位置関係、主要駅が視覚的に捉えられます。 出発駅や目的駅は人それぞれです。その全ての行き方をテキストで用意して伝えようとしたら、どれくらいの情報量になるでしょうか？
フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi
21 Examples of Pricing Pages in Web Design - Web Design Ledger
Inspiration 21 Examples of Pricing Pages in Web Design Gisele MullerApril 29, 201311 Comments04.3k We are always talking about clean and minimal designs, designs that are simple and effective, and lately, we are also talking a lot about the new trendy flat designs. So why it is so difficult to find a “pricing page” that is well designed? If designers are taking websites to a next level where usabi
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」
「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの
レスポンシブWebデザインで組む際のベースにぜひ！·GroundworkCSS MOONGIFT
GroundworkCSSは多様なガジェットがサポートされたレスポンシブWebデザインのフレームワークです。 レスポンシブWebデザインがもてはやされていますが、テクニックはなかなか一般化しづらいものがあります。そこでフレームワークをベースにしてみるのはいかがでしょう。今回紹介するのはGroundworkCSSです。 スライダーやタブメニューなど様々なウィジェットが提供されています。 タブレット版。 スマートフォン向け。 横向き表示もサポート。 サイドメニューを使った表示。 幅が狭くなるとメニューは縦に並びます。 ボタン、タイポグラフィ。 フォーム。 アラートやナビゲーション。 テーブル。ソーシャルアイコンも多数用意されています。 サイズも様々。使い分けが可能です。 たくさんのアイコンも用意されています。 モーダルウィンドウ。 幅が狭い場合のボタン。 タブの端がちょっと気になるかも…。 ス
オシャレな家具を見つけたい。インテリアショッピングサイトのオススメ19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。引越しした岩上です。カッコイイ机と棚を探しているのですが中々、コレ！といったモノが見つからず色々なサイトをウロウロしています。インテリア系のサイトはデザインもシンプルでキレイなので見ていると時間を忘れてしまいます。オシャレでオススメのショッピングサイトをまとめてみました。 前回のインテリアコーディネートの参考サイトも併せてどうぞ。 オシャレな部屋をつくりたい。インテリアコーディネートの参考サイト 23選 見るだけでも楽しいインテリアのショッピングサイト 1. unico https://www.unico-fan.co.jp/ 2. amadana https://store.amadana.com/ 3. THE CONRAN SHOP https://www.conranshop.jp/ 4. CIBONE https://www.cibone.com/ 5. Franc
Webデザインの参考に！おすすめのギャラリーサイト・リンク集まとめ
※この記事は、2013年1月30日に公開された記事を再編集したものです。 何かで立ち止まったり、行き詰まったりした時は「驚き」や「新しいアイデア」を得た時に、急に閃いて解決することがあります。 今回は、Webデザイナーである私が、普段から巡回しているインスピレーションを得られるおしゃれなWebサイトがのっているギャラリーサイトを集めてみました。 アイデアの参考にだけでなくチームやクライアントとのイメージ共有にもギャラリーサイトを活用することで、より円滑にコミュニケーションがとれたりします。 気に入ったギャラリーサイトがあれば、ブックマークしておきましょう！ ※できるだけ直近でも更新されているギャラリーサイトのみピックアップしていますが、もし更新がとまっているサイトがあればご了承ください。 Web Design Clip | Webデザインクリップ 国内がメインで掲載されています。 特徴的な
hello sandwich
Hello Sandwiches! Hello Sandwich has now moved over to a new website and I will be blogging from there from now on. You can find it over here: http://www.hellosandwich.jp/ Or CLICK HERE to add it to your bookmarks. Special thanks to Donna, James and Rhys for getting it up and running! Love Love Hello Sandwich xoxo You guys! This is the cute Airbnb I stayed at in Amsterdam late last year. Do you di
色だけでダメなデザインを良いデザインに変える方法Vol.1
私は新人だったころ『デザインは形の美しさだ！』と、やけに形ばかりを気にしてデザインをしていたことがありました。私は何を始めるにしても【まず形から入るタイプ】なんですが、それもあって形ばかりを意識していたのかもしれません。 『なんかこのデザインダサいんだよな』なんて思うとき、形やレイアウトの修正ばかりに力をいれ、色のことはほとんど考えていませんでした。色がどれだけデザインに影響を与えているのか知らなかったんです。 そんな私だったんですが、色彩に関するセミナーに参加したり、先輩の話を聞いたり、書籍を読んで勉強していくうちに、色がどれだけデザインに影響を与えているのかを知りました。そして今では、デザインの修正を行うとき、【色の修正だけで、問題を解決させることができる場合が多くある】ということを知りました。 『なんかこのデザインダサいんだよな』なんて思うとき、レイアウトや形を変える事ももちろん大切
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
JAM｜レトロ印刷とSURIMACCAで遊ぶ
Crea Decora Recicla by All washi tape | Autentico Chalk Paint
トリッププランナー - 意外な旅のアイデアが見つかる旅行メディア
新着記事
インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic