のモックアップ作成ツール お手持ちの素材を使って、オンラインですばやく簡単にモックアップをカスタマイズ
今回は、iOSとandroidのアプリアイコン両方をデザインする際に気をつけたいポイントまとめていきます。 iOSとandroidアプリの両方をリリースすることが一般的になり、アイコンを同時に用意することも多いと思います。 両者の公式ガイドラインと標準アプリ、その他の大手アプリなどを参考にしてまとめていきたいと思います。 1.ガイドライン 2.標準アプリアイコン 3.両者の違い 4.事例紹介 5.両方にマッチするポイント 1.ガイドライン iOSはiOS Human Interface Guidlines、androidはGoogle Design GuidlinesのStyle/icons/Product iconsを参考にします。 読んでみたところ、iOSはめっちゃざっくり、androidはかなり詳細に書かれていました。 iOS Human Interface Guidlines実際の
アプリデザインのトレンドは絶えず変化しています。時間が経てば消えてしまうものから、成長し、進化を続けるものもあります。多くのトレンドは検討する価値がもちろんありますが、一緒に新しい技術も必要となります。 優れたUIデザインは、シンプルさ(英: Simplicity)と有効性(英: Effectiveness)が全てです。これこそがデザイナーが機能性を達成しようとする理由です。しかし反対に、もしユーザーがアプリをうまく使いこなせないとき、UIデザインは失敗と言えるでしょう。 デザイントレンドが変化する理由にはさまざまな要因が考えられます。たとえば2015年の大きな流れとして、ハードウェアの変化やモバイル端末のレスポンシブ化が挙げられます。 公開された多くのモバイルアプリは、人気のある機能を必需品としてすぐに変化させてきました。さらに今では若者のおよそ90%が、モバイル端末上で基本的な操作を行
左から織田、村山 こんにちは。ヤフオク!カンパニーデザイナーの村山と、マーケティングソリューションズカンパニーデザイナーの織田です。 今回は、ヤフーにデザイナーとして入社した新卒1年目のみなさんがはじめに受ける、新卒デザイナー研修のお話です。今年はその研修の運営、講師を新卒2年目のデザイナーが担当することとなり、わたしたち2人が統括として運営の舵を取りました。 そんな2年目が担当する研修がどのようなものだったのか、そして研修を作り上げる中でどのような思いや難しさがあったかなど、これから5回に渡ってお伝えしていきたいと思います。 まずは人を知るところからヤフーでは研修のはじめに、全社のデザイナーを集めて名刺の交換会を行うのが恒例行事となっています。 今までは先輩の名刺を集められるだけ集めてたくさんの人と交流しようというのが目的でしたが、今年は新卒のみなさんに、入社前に各自名刺をデザインしてき
貴重な社内資料のお披露目も! 2016年8月24日~26日の3日間、パシフィコ横浜で開催された、日本最大級のコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2016”。最終日となる本日8月26日、セッション“Street Fighter V Art Direction”が行われた。 本セッションは、発売中の『ストリートファイターV』におけるアートディレクションをテーマに、同作のアートディレクターを務めるカプコンの亀井敏征氏が登壇。亀井氏は同作を中心に、約30年間にわたってカプコンが培ってきたノウハウや当時の資料、最新技術への落とし込みなどについて、実例を交えて解説した。 本セッションは大きく分けて、“見やすさ・わかりやすさのためのアートディレクション”、“個性を引き出すためのアートディレクション”というふたつのテーマで進行した。 まず亀井氏は、『ストリートファイターV
近著「21世紀のビジネスにデザイン思考が必要な理由」がAmazonランキング大賞ビジネス書部門で2位に輝くなど、今その言動が大きな注目を集める起業家、佐宗邦威(さそう・くにたけ)さん。職業は、イノベーションプロデューサーという何やら聞き慣れないもの。 日本企業の不振、海外ベンチャーの躍進がニュースを賑わせる昨今。海外でも例のないイノベーションプロデュース業を日本でスタートした背景には日本ならではの可能性が隠れているのでは?と期待してしまう一方で、国内も海外も第一線で数々のプロジェクトに携わってこられた佐宗さんの目には、今よりもっと厳しい日本の将来も見えてしまっているのかもしれない……?そんな疑問に対し、忌憚のないご意見をお聞きしてみた。 Interview by Takuya Fujita | Photos by Jun Matarai 2016.02.10[Wed] ビジネスには、分野を
前回は、ポイントテキストの場合、今回はテキストボックスの場合です(テキストボックスの場合、前回のようにタブルーラーだけでは設定できません)。 こちらのテキストボックスからスタートします(tabなどは入力されていません)。 [段落]パネルの[左インデント]に文字サイズ(+α)程度の値、[1行目左インデント]に[左インデント]に入力した数値の負の値を入力します。 2行目以降が揃いますので、「・」の右側にtab記号を入力します。 タブルーラーの[位置]に、[左インデント]と同じ値を単位付きで入れて、enterキーを押します。 これできっちり揃います(タブストップの値は、単位換算されて表示されます)。 番号をハンギングするとき 次のような場合、誤りではありませんが、「9.」、「10.」、「11.」などを右揃えにすべきです。 この場合には、「9.」、「10.」、「11.」の前(左側)にtab記号を入
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ
デザイン軸で事業を考える日立とNEC―あまり知られていない「人材・組織・評価」の変革 btrax セミナーレポート Vol.4 「デザインの力が未来を創り出す」をテーマとしたイベント「DESIGN for Innovation 2016」がbtraxの主催により5月17日に開催された。当日開催されたセッション「Corporate Innovation: 日本の大企業イノベーションにおけるデザインの重要性」のレポートをお届けする。 登壇者には、日本電気株式会社 事業イノベーション戦略本部ビジネスモデルイノベーション室主任 目黒友佳 氏と株式会社日立製作所 研究開発本部東京社会イノベーション協創センタ リーダ兼主任デザイナー 伊藤英太郎 氏が参加。モデレータはbtrax Japan ゼネラルマネージャー 多田亮彦 氏が務めた。日本を牽引してきた企業が挑戦する「デザイン」の取り入れ方とは。 課題
私立・国立中学受験を検討されているかた、公立中高一貫校受検を検討されているかたに最適な教材もご用意しています。
「ストーリーデザイン」により、消費者の共感を体験につなぎビジネスの差別化を実現する DESIGN for Innovation 2016 セミナーレポート Vol.2 「デザインの力が未来を創り出す」をテーマとしたイベント「DESIGN for Innovation 2016」がbtraxの主催により5月17日に開催された。当日開催されたセッション「The Design for Stories: 最新ブランドストーリーデザインを通じたブランド構築手法」のレポートをお届けする。ドイツを本拠点にグローバル展開を進めるデザインコンサルティングファームStorymaker マネージングパートナー ビヨルン・アイヒシュテッド氏とPinterest デザインリード ケイティ・バルセロナ氏が登壇。モデレータはBtraxのブランドン・K・ヒル氏が務めた。第一人者たちが語る“消費者の共感を体験へとつなげるス
世界最大級の家具・雑貨チェーンのイケア。2015年5月に、イケアの故郷であるスウェーデンのエルムフルトへ世界中のメディアを招き、イケアのビジョンを伝える「Democratic Design Day 2015(デモクラティック・デザイン・デー)」が開催されました。 ルーミーもオファーをいただき、イベントに参加してきました。 イケアは「より快適な毎日を、より多くの方々に(Create a better everyday life for the many people)」をビジョンに掲げ、家具から、カーテン、カーペット、寝装品、食器、家庭用品まで、私たちの日常生活にまつわる様々な商品を取り扱ってきました。 そして、これら多種多様な商品の礎ともなっているイケア独自のデザイン哲学が、「デモクラティックデザイン(Democratic Design)」。“みんなのためのデザイン”、という意味です。 ・
Photoshopブラシとは? 鉛筆のような風合い、クレヨンのような質感、水彩画のような淡いタッチ。 その全てを可能にしてくれるのがPhotoshopブラシです。質感出しはもちろん、背景やスタンプのような形でも使えます。 ・デフォルトのブラシに飽きた… ・でも自分で作るのは面倒… ・無駄なブラシをダウンロードしたくない… というPhotoshop初心者の方にダウンロードして欲しい使える【無料】Photoshopブラシを30個まとめてお届けします! 目次 ・ブラシの追加方法 ・ブラシツール30選 ブラシの追加方法 まずはブラシの追加方法。 拡張子が".abr"のブラシ素材をダウンロードしたら、Photoshopを立ち上げて追加していきましょう。 ・ブラシツールを選択 ・アイコンの「ブラシパネルの切り替え」をクリック ・別ウィンドウが開くので、ウィンドウ上部のタブを「ブラシプリセット」に切り替
デザイナーとして日々の制作に向き合っていると、自分のデザインにマンネリを感じることはありませんか。クライアントや商品が変わっても同じあしらいをよく使っていたり、アクセントの付け方が似ていたり。もちろん自分の中で定番のデザインがあることは、効率的でもあり、デザインの個性とも言えます。しかし、そのマンネリを抱えたままで良いのでしょうか。 そこで今回は、Webの領域から少し視野を広げて、ビジュアルコミュニケーションの源泉とも言えるグラフィックデザインから、表現の幅を広げるためのヒントを探ります。 現在フリーランスで活躍されているアートディレクター/グラフィックデザイナーの横山 徳(よこやま のり)氏をFICCにお呼びし、勉強会を開催しました。普段どのような考え方でデザインを制作し、またどのようにその表現力を身につけているのか。Web制作にも活かせそうなヒントを伺いました。 お互いの実績を紹介し合
TOP > Design > UIやテンプレートなど フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」 デザインを手軽かつ、効率的にクオリティアップにつなげることができるUIやテンプレートなどは、フリーで配布されているものも多く重宝しているという方も多いのではないでしょうか?そんな中今回紹介するのは、フリーで使用できるキットが豊富に揃ったまとめ「Best Free User Interface Kits」です。 Freebie | PerfectKit – modern UI kit (desktop & mobile ready) | DesignHooks 非常にたくさんの種類のインターフェイスキットがまとめられているので、きっと欲しい・希望のものを見つけることができるはず。きになったものをピックアップしましたので、下記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く