初代Macのアイコン「Happy Mac」をデザインしたスーザン・ケアのAppleでのデザインワークとは？
初代Macの「Happy Mac」「ゴミ箱」「爆弾」などをデザインしたことで知られるデザイナーのスーザン・ケア氏が、コンピューターの世界での多大な功績を称えられ、2018年4月に米国グラフィックアート協会(AIGA)からグラフィックデザイン・視覚コミュニケーションの分野で優れた人に送られる「AIGA Medals」を授与されました。その後のコンピューターデザインに大きな影響を与えたケア氏のApple Computerでの取り組みを、Milanoteがケア氏のスケッチ画や作品を通じて振り返っています。 The Story Behind Susan Kare’s Iconic Design Work for Apple | The Work Behind The Work https://milanote.com/the-work/the-story-behind-susan-kares-ic
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
Instagramの新アイコンやUIはこうやってデザインされた
写真およびムービーの撮影から共有までできるSNS「Instagram」がアイコンおよびUIを2016年5月11日に一新しました。サービス開始以来初となる大幅変更を行ったInstagramのデザインチームを率いるイアン氏が、どのような経緯を経て新デザインに行き着いたのかを明かしています。 Designing a New Look for Instagram, Inspired by the Community — Medium https://medium.com/@ianspalter/designing-a-new-look-for-instagram-inspired-by-the-community-84530eb355e3 Instagram Blog http://blog.instagram.com/post/144198429587/160511-a-new-look Ins
クラウドワークスでiOSアプリのアイコンデザインを募集してみたらすごく楽しかった件 - その後のその後
先日、クラウドワークスで「iOS7 Sampler」ののアイコンデザインを募集してみました。 http://d.hatena.ne.jp/shu223/20140105/1388903917 コンペ形式で、報酬金額は5,000円。プロのお力を借りるには恐縮な金額なので、1件くるか、来ないか・・・ヒットはしないだろうけど開発者界隈では評価されているアプリなので、その辺りを加味してくれるといいな・・・ぐらいに思っていたのですが、 さっそく1件目の提案が！募集開始3日目で、しかも平日に来ると思わなかった。メッセージで議論もできてすげー楽しい。クラウドソーシング全然ありです。 / クラウドワークスでiOS7 Samplerのアイコンデザインを募集してみました http://t.co/SMeEC7dzOw— Tsutsumi Shuichi (@shu223) 2014, 1月 7 と意外とレスポン
UIアイコンの最適化 — 認識速度の向上をめざして | architexture.jp アーキテクスチャ — 情報をデザインする可能性の探求
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
0.1ランク上のアイコンの作り方講座
第2回 P4D デザイナー向けプログラム部 http://prog4designer.github.com/ で発表させていただいたスライドです。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 Bootstrapのカスタマイズ例 https://speakerdeck.com/machida/railsenziniafalsetamefals
秀逸なiOSアイコンデザイン４５:phpspot開発日誌
45 Awesome iOS Icon Design For Inspiration | AcrisDesign 秀逸なiOSアイコンデザイン４５。 AppStoreで目立つにはタイトルとアイコンですが、アイコンがかなり重要な気がしています。 アイコンデザインをする際に、トップクラスのデザインのアイコンを参考にしたいと個人的に思うわけですが、そういったアイコンがまとまっていたのでご紹介です。 綺麗なデザインが直接売上につながるわけではないのですが、作るならアイコンははやりカッコいいものがいいですよね、ということで参考にさせて頂けます 本当に芸術の域ですね 関連エントリ 秀逸なiOSアプリケーションアイコンのサンプル色々 iOSのアイコン長押しでアイコンが踊る風エフェクト実装jQueryプラグイン「jQuery Wiggle」 PhotoshopでiOSアプリ風のアイコンを作るチュートリアル
アイコンやボタン、フォーム、パンくずなどウェブ用のUIがセットになったPSD素材
ウェブのUIでよく利用されるエレメントがセットになった無料のPSD素材をMediaLootから紹介します。 Freebie: Massive Web UI & Button Set UIセットにはコントロールボタンやアロー、ベーシックなシンボルをはじめ、インフォボックス、テキストボックス、パンくずやボタンなどのナビゲーション、ドロップダウン、スピーチバブル、検索フォーム、ローディングエレメントなどが揃っています。 ダウンロードできるPSDファイルは、3つのスタイル、7つのカラーがあらかじめ用意されています。 素材の利用にあたっては個人・商用ともに無料で利用が可能で、再販などは不可とのことです。 詳細はサイトおよび添付のテキストを参照ください。
WindowsXPの各種アイコンをデザインしたのは誰？
WindowsXPには従来と比べて全部で100種類以上の新しくデザインされたアイコンがあるわけですが、あれらは一体、誰がデザインしたのだろうか？と思い至り、いろいろと調べてみた結果、「Iconfactory」というところがマイクロソフトと協力して作り上げたデザインだそうです。公式サイトでは各種アイコンや壁紙をフリーで配布しています。 というわけで、マイクロソフトによるアイコンの作成方法の秘密に迫ってみましょう。 「Iconfactory」というのはここ。 Iconfactory http://iconfactory.com/ フリーでアイコンも配布しています。現在、276種類。 Iconfactory : Freeware : Icon 壁紙も色々あります。 Iconfactory : Freeware : Desktop どこかで見たことがあるような……。 Iconfactory : F
Mini Pixel Icons
Over 320 mini pixel icons! All Free! These mini icons are designed at 14×14px with transparent background. They are specially designed for header or side navigation buttons. Feel free to use these icons for your site (personal or commerical). However, if you are using more than 10 different icons, you must give a link back to N.Design Studio. If you like these icons, please help me to spread out t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ログイン - はてな
神がかり的な素晴らしいデザインのiOSアイコンギャラリー - 46 Fabulous iOS Icon Designs -
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://www.zyotism.com/aesthetics/icons.html