Qiitaのビジュアルアイデンティティを再定義し、ロゴ等を変更しました - Qiita Blog
こんにちは、Qiita 開発チームのyaotti です。 Qiita では昨日12/1から、年間を通して一番盛り上がるイベントであるアドベントカレンダーが始まりました。 12月になりましたが参加者募集中のカレンダーもまだたくさんあります。書けそうなテーマのカレンダーがあれば是非参加登録して一緒にそのテーマを盛り上げていきましょう🎅🎄 2019年の募集中のカレンダー一覧 – Qiita 今回は本日2019/12/2に変更した Qiita のロゴについて、その背景と目的をお伝えします。 一言でいうとQiita 運営者としてサービスの思想やブランドをユーザーの皆様にお伝えするために、ビジュアルアイデンティティを社内で定義・言語化し、それに沿った形にロゴや各種ビジュアル要素を作成しました。 ビジュアルアイデンティティとはビジュアルアイデンティティ (VI) とは、ブランドを視覚的に伝えるための
スマホアプリのメニューでよく使用されるあのアイコンの名前、ハンバーガーとかケバブとかミートボールとか
先日の記事「Chrome 67でアップデートされたデベロッパーツールの新機能」で、「ケバブって言うんだ」という声が聞こえたので、メニューでよく使用されるアイコンの名称を紹介します。 横3本線のアイコンはほとんどの人が「ハンバーガー」で通じるでしょう。横3つのドット、縦3つのドットは、何て呼んでますか？ 特に名前は使わない、別の呼び方をしているなどありましたら、教えてください。 CSS Menu Icon Animation ちょうど、スマホアプリのメニューで使用されるアイコンのデモにもそれらの名称が使用されていました。これらはクリエイターの遊び心で名付けられたもので、公式な名称ではありません。 私は最初、この呼び方を下記のツイートで見た記憶があります。 Don't ever say you don't have choices on mobile. pic.twitter.com/Atu3
ユニクロ UT特集｜ザ ゲーム バイ ナムコミュージアム｜MEN（メンズ）｜公式オンラインストア（通販サイト） | UNIQLO
WOMEN/MEN ヒートテック ボアスウェットパンツ肌面はふわふわ、 外側は「ヒートテック」で暖かい
Lottieでアプリにアニメーションを組み込む話（デザイナー編） - くらげだらけ
最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている（起きた）のかをわかりやすく伝えたり、「17 Live（イチナナ）」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ
ビジュアル・プログラミングの勉強方法｜深津 貴之 (fladdict)
ビジュアルアートの教本、「Generative Design」が、ついに再販されました！長らく欠品でプレミアムがついていた一品です。 以下はGenerative Designの序文への寄稿を、一部加筆修正したもの。表現者、技術者それぞれが、アートとプログラミングを学ぶための方法です。ビジュアルコーディングに興味のある人はどうぞ。（あと僕の落書きはこちらから見れます） Generative Design 序文Generative Designの日本語版が、いよいよ出版されました。本書は、プログラミングによる視覚表現の「最高の教本」です。この素晴らしい本の序文として、何を書くべきか非常に悩みました。結果として、歴史やカルチャーの話をするよりは、この本の読者に最も役に立つであろうことを、書くことにしました。表現者と技術者がビジュアル・コーディングをどう学習すべきか、についてです。 表現者が技術を
ステータスバーのスタイル(色)変更方法優先度 まとめ - Qiita
iOS7からステータスバーのスタイルを変更できるようになりましたが、変更方法がいくつかあり、どれが優先されるのか挙動がわからなかったのでまとめました。 この記事ではiOS8以上を対象としていてiOS 9.1で動作確認を行っています。 (iOS7はシェアから考えてそろそろ切り捨てても大丈夫だと思います。まともに対応しようと思うと結構大変です) ステータスバーの変更方法 TARGETS の Status Bar Style ステータスバーの色を全体的に変更する場合に使うようですが変更してもMain.storyboardはLight(白)にはなりませんでした。 スプラッシュ画面(LaunchScreen.storyboard)のみステータスバーが白に変更されました または Status bar styleをUIStatusBarStyleLightContent TARGETS の Status
故スティーブ・ジョブズ愛用モデルを復刻 ナノ・ユニバース×セイコー第4弾登場
Liberato 自然素材をアップサイクルしたサステナブルなシューズブランド「Liberato(... 詳細を見る
iOS で日本語文章に発生する中華フォント現象とは - Qiita
どういうこと？ iOS アプリの開発をしていると 中国語っぽい日本語フォント というものを見たことがあると思います。Interface Builder で配置した UILabel だったり、英語設定になっている iOS Simulator でうっかりアプリを実行してしまったときだったり、そのような場面でお目にかかることができるフォントです。Interface Builder の件は残念ながらわかりませんが、シミュレータについては設定アプリから言語設定を「日本語」にすれば本来のヒラギノフォントになります。これはバグではなく iOS の仕様です。詳しくは後ほど説明します。今回はこの 中華フォント現象 の仕組みと、それが通常のアプリでも発現し得ること、そしてその解決策を示したいと思います。 まずは中華フォント現象について詳しく説明します。 中華フォントの正体 このお馴染みになっている宮澤賢治のフ
アニメ版「シドニアの騎士」プライマリーデザイン
少々前の話になりますが、ポリゴン・ピクチュアズさまからお声掛けいただき、2014～2015年にかけてテレビ放送されたアニメ「シドニアの騎士」（原作: 弐瓶勉さん）のプライマリーデザインを弊社 三階ラボ で担当させていただきました。 プライマリーデザインの具体的な内容は以下の２つです。 モニターグラフィックメインビジュアルの開発 シドニアフォントの作成 ともに、原作の漫画にはすでにオリジナルのデザインが存在していますが、しっかりと時間をかけて目視できる静止画とは違い、アニメのような動画では、様々な要素が一瞬しか表示されないことが多くなります。 今回は、原作の素敵なテイストを維持しつつ、アニメ向けにデザインを再構築することが主な目標でした。 モニターグラフィックメインビジュアルの開発 原作の漫画から、モニター内に表示される主なグラフィックを抽出し、機能性や視認性、汎用性を高める再デザインを行い
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
Design of Everyday Swift
About the content This talk was delivered live in March 2017 at try! Swift Tokyo. The video was recorded, produced, and transcribed by Realm, and is published here with the permission of the conference organizers. Don Norman’s "The Design of Everyday Things" is a classic design book, focused on the design of physical objects. Many of the principles that he discusses are also applicable to non-phys
F1の変なデザインについて知ってもらいたい・改訂版 | 不思議.net
新車発表シーズンなので、芸スポやニュー速にF1スレが立つことがあります そこで「なぜF1がこんな形をしてるのか」を中心に、F1について書こうと思います ちょっとでもF1やモタスポに興味を持ってもらえればこれ幸い できるだけ、全く知らない人でもわかりやすいように専門的な所は大雑把に書きます 間違いもあると思うんで詳しい諸兄は補足訂正お願いします 大雑把な目次 ■空力とは ■ウィング ■グラウンドエフェクト ■ボディ形状 ■パワーユニット（エンジン）ついて ■ルール、レースについて 2年前に立てたスレの改訂版です（だいぶ変わったので） ※書き溜めです ※わからないことは聞いてください。自分も答えますが、詳しい方もお願いします
Watch how the Porsche 911 has changed (and stayed the same) for 50 years
The iconic Porsche 911 is a legitimate oddity for an auto industry that's always obsessed with the new, because in its half century of existence, it really hasn't changed all that much. Of course, once you get into the details, it has — the air-cooled engine is now water-cooled, there are turbochargers across the entire range, and technological advancements have been added left and right over the
iOSアプリケーションでコードベースのレイアウトを積極利用する - クックパッド開発者ブログ
海外事業向けのiOSアプリケーション開発を担当している西山(@yuseinishiyama)です。クックパッドは現在、海外複数カ国に向けてサービスを展開しています。 XcodeにはInterface Builderと呼ばれる、リッチなGUIを持ったデザインツールが付属しており、これを用いて画面のレイアウトを構成することが主流となっています。弊社ブログでも、iOS開発でstoryboardとxibをうまく使い分けるプラクティス等の記事で、GUIベースのレイアウトについて触れています。しかし、現在私が担当しているプロジェクトでは、Interface Builderを用いずに、レイアウトの大半をコードで記述しています。 今回は、コードベースのレイアウトを実装していく中で得た知見を、以下の3つの部分に分けて共有したいと思います。 Interface Builderを用いたレイアウトとコードベースの
chappie | groovisions
チャッピーとは chappie(チャッピー）とは、1994年にデザインスタジオgroovisions（グルーヴィジョンズ）が製作した、人型のグラフィックデザイン／システムです。 チャッピーには、直立で正面を向き、顔のパーツ等を一定にするなどの基本的なルールが設定されていますが、特定の年齢や性別、国籍は設定されていません。そのため、髪型や服装、肌や目の色を変えることで、チャッピーは世界中の誰にでもなることができます。パソコンの中で生まれたチャッピーは、1997年にはマネキン型が作られ、その後1999年には、ソニーミュージック・エンタテインメントより歌手としてCDデビューを果たし、シングル3枚、アルバム1枚を発表しました。現在でも、企業や学校のイメージキャラクターを務めたりと様々な分野で活動しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
コーポレートミッション特設サイト | Chatwork
AZOTHブランチ × ジョジョの奇妙な冒険ダイヤモンドは砕けない × 七夕まつり in S市杜王町 | 記念コラボTシャツ
If the Moon Were Only 1 Pixel - A tediously accurate map of the solar system
アルゴリズムと伝統技術が実現する「ヴォロノイ畳」のカスタムデザイン #WXD