同じ服でもダサい男とおしゃれ男の論理的な差
センスではなくロジックが必要 ファッションやコーディネート、洋服選びに「正解」なんてない。感性が十人十色である以上、「正解」も人それぞれではないのか？ そう思ったことはありませんか？ しかしながら、答えはNOです。「正解」はあります。ファッションという文化が芽生えてから途方もない時間が流れるなかで、ファッションは成熟し体系化され、「おしゃれに見せる方法」が確立しています。 そんな方法は「ない」というのであれば、みんなが「あの人おしゃれだよね」という合意は成立しなくなります。感性は十人十色であり、受け取る人もそれぞれになります。 実は、「おしゃれにはセンスが必要」「ファッションは人それぞれ」「正解なんてない」といった「常識」は、少しずつ的外れなのです。私がこれまでの体験や考察から導き出した答えは、「おしゃれにはセンスではなくロジックが必要で、人それぞれでありながらも、みんなに『あの人はおしゃ
明治ザ・チョコレートの箱が有能すぎる！ ネットで話題の活用術15選
明治ザ・チョコレートの箱が有能すぎる！ ネットで話題の活用術15選 美味しいだけじゃない！ オシャレなパッケージはアレやコレにピッタリの絶妙サイズだった 「五感で味わうチョコレート」として人気の明治『ザ・チョコレート』。 本格的なビターで大人な味わいと、お菓子売り場で一際目を引くクラシカルなパッケージがヒットし、人気のあまり生産が追いつかず、一時販売休止となるフレーバーも出てきている。 ネットでも「持ち主によって変化するチョコレート」として話題となっているが、しらべぇ編集部では、その活用術をまとめてみた。 ①千円札がジャストフィット 明治ザ・チョコレートの外箱は、千円札がピッタリ収まる絶妙なサイズ感。これに気付いた人が、お札入れとして代用したことをネットにあげると、瞬く間に人気に火が付いた。 そういえば明治の例のチョコレート箱が千円札にピッタリというのを知り利用して、友達にお金を渡す時にお
「絵の人物は２人とも160cm、壁は250cm。背景をどう直す？」美術学校の先生による解説がためになる
湯浅誠 透視図法研究 @yuassamakoto 人物は2人とも身長160cmで部屋の天井の高さが250cmだとすると この絵はどう直すべきでしょうか？ pic.twitter.com/ZVxcU1CAL7 2017-11-22 07:24:57
新しいプロフィールアイコンのデザイン | Twitter Blogs
この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク
はてなブックマークボタンが2017年2月から新しくなります - はてなブックマーク開発ブログ
はてなブックマークボタンの新たなボタンタイプを2月上旬に追加予定です。またこれに伴い、現在のはてなブックマークボタン（2012年以降バージョン）のデザインを変更する予定です。すでにブログやサイトなどに設置されているボタンのデザインは自動的に最新版へ変更される予定ですので、ユーザーがタグの再設定をする必要はありません。 新たに加わるボタン 新たなボタンタイプは、スマートフォンでも利用しやすいデザインになっています。また今後は、ボタンタイプごとに幅や高さのカスタマイズが可能になる予定です。 新しいボタンタイプ カスタマイズ例 デザイン変更を行うボタン これまでのはてなブックマークボタンのデザインを、他サービスボタンのテイストに合わせて変更する予定です。バーティカル型のボタンは高さに変更（→ height:40px）があります。 左: これまでのボタン / 右: 新しいボタン 今後とも、はてなブ
システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ
「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU
プロが実践しているロゴの作り方
はじめまして。デジタルを軸にしたクリエイティブ・エージェンシーPARK Inc.のアートディレクターの佐々木智也（@tomosasaki）と申します。 昨今、ロゴを取り巻く環境は大きく変わりつつあります。日々誕生するスマートフォンアプリやWEBサービスの台頭によって、ロゴをつくる機会は確実に増えてきています。 特にWEBデザイナーの方は、WEBサイトやアプリのUIデザインの延長上でロゴをつくることになり、戸惑うことも少なくないのではないでしょうか？ 今日は、ロゴのデザインに強みや専門性をもっているデザイナーがどのようにロゴをつくっているかを紹介していきます。これでもう、ロゴデザインを恐れることはない、かもしれません。 ロゴデザインにおける大切なポイントをおさえよう なぜロゴが必要なのか？ まずはそこから考えてみましょう。 企業や商品をはじめ、アプリやサービスには、かならず強みや他と違う魅力
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ
Googleがロゴを一新、こだわり抜いたデザインは何が違うのか？
Googleの製品や機能、画面デザインはこれまで変化を繰り返してきましたが、日本時間で2015年9月2日、新たにロゴが変更されることになりました。また青・赤・黄・緑という4色のロゴが変化するだけでなく、音声検索画面などにも新たな工夫が加えられており、Google Japan BlogやGoogle Designのブログには「なぜ今変更が行われたのか？」「何がどう変わったのか？」「どういうデザインなのか？」というロゴデザインの秘密が公開されています。 Google Japan Blog: Google のロゴが新しくなりました http://googlejapan.blogspot.jp/2015/09/google-update.html ということで、Googleのトップページを確認してみると、ロゴマークが変更されると共に、音声検索のマイクのマークがカラフルになり、タブの先頭に表示される
HTML/CSSでワイヤーフレームもUIデザインも作成する人がけっこう多い -最近のWeb制作で使われているツールのまとめ | コリス
Web制作の実際の現場で、ブレーンストーミング、ワイヤーフレーム、UIデザイン、プロトタイプ、プロジェクト管理、ファイル管理・バージョン管理に使われている人気のツールを紹介します。 Design Tools Survey 「Design Tools Survey」は、世界各国の制作会社・フリーランス・スタートアップ企業など、さまざまな形態でWeb制作を行っている人にアンケートをとり、それぞれ使用しているツールをまとめたものです。 日本人100%とは当然異なると思いますが、興味深いデータとなっています。 ブレーンストーミング ワイヤーフレーム UIデザイン プロトタイプ プロジェクト管理 ファイル管理・バージョン管理 ブレーンストーミング ブレーンストーミング時に使うツール 64%: 鉛筆と紙 10%: Sketch 7%: Illustrator 7%: Photoshop 6%: その他
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？2015.09.07 17:3020,569 SHIORI そんなに違うの？ グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか？ UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。 グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り（線の端にちょこんと付いてるやつ）あるため、ベジエ曲線を使わないと作れないデザインでした。その結果、ロゴ全体でのアンカーポイントは100箇所。ファイルの大きさは6KB（6,380バイト）になり、圧縮しても2KB（2,145バイト）といったところです。 一方シンプルになった新し
無料で使えるロゴ作成サービス6選--日本語にも対応
ブログやサイトを立ち上げる場合に重宝するのが、オンラインでロゴを作成できる無料サービスだ。同じロゴでも、会社を立ち上げる際に用意する企業のシンボルロゴともなると、クリエーターに依頼できる有料サービスなどを利用するのが無難だが、カジュアルなレベルであればこうしたオンラインの無料サービスを用いることで、オリジナリティあふれるロゴが簡単に作成できる。 こうしたロゴ作成サービスは海外を中心に多数存在するが、日本語表示に対応し、かつ複数のフォントが選択できるサービスは限られており、貴重な存在だ。今回はこうした日本語に対応するロゴ作成サービスをまとめて紹介する。なお日本語については漢字およびカタカナについて検証しているが、フォントの種類が限られる場合もあるのでご了承いただきたい。 ◇LOGASTER シンボルマーク付きのロゴが作成可能。テキストを入力すると提示される100個のバリエーションからもっとも
【2015年】チラシのデザインを頼むといくらかかるか？97社の料金表を調べてまとめてみた。 - デザインを相談してみよう
チラシを制作するのに、大体いくらくらいかかるのでしょうか。 イベントへの集客のために街で配ったり、展示会ブースで興味を持ったお客様に配ったり、パンフレットに次回公演のお知らせを挟んだり、「チラシ・フライヤー」の出番は意外とあることと思います。WordやPowerPointで作った原稿をそのまま印刷するのであれば、印刷会社にそのまま頼むだけで安くつくることができますが、デザインも格好良くしたい、という場合にはデザイナさんに頼まなければなりません。 デザインは、どの程度こだわるか、写真素材やイラスト素材を使うか否か、前回のパターンを使えるか否か、などによって工数が異なるので見積りが必要なケースがほとんどです。お付き合いのあるデザイナーがいる場合は、手早く安く作ってくれるケースも多々ありますが、そうでないといくらかかるのかよくわからないものです。また知り合いのデザイナに頼む場合でも相場を知らない
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
光るLEDバッジを売ったら予想以上に反響があった - デイリーポータルZ
Googleの新アイコンは何かがおかしい、良く見ると気づく意図的なデザインの破綻
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
