Android で使用する基本的な UI Components の紹介をしていこうと思います。 エンジニアが実装する時の Class 名と Material Design の名称が違うものもあるのですが、デザイナーは Material Design のガイドラインを参考にすることが多いと思うので、基本はガイドラインの名称を使っています。 # NavigationDrawer、BottomNavigation が抜けていたので追記しました (2018/10/27) OS 系 ・StatusBar ・NavigationBar ナビゲーション系 ・TopAppBar ・BottomAppBar ・NavigationDrawer ・BottomNavigation ・Tab ・BottomSheet コントロール系 ・Button ・FloatingActionButton (FAB) ・Sw

葉摘田緒@ @hatsumidashiyo さて、どの絵がどんな状況を説明するのにベストだったでしょう? これらを組み合わせて効果的な画面を作るのが絵コンテの仕事のひとつです。続く。 pic.twitter.com/Jt0kRROtHm 2018-06-11 01:41:31

みなさまにご利用いただいて、メルカリは6年目を迎えました。 創業以来、世界的なマーケットプレイスの実現を掲げ、フリマアプリ「メルカリ」の地道なアップデートを続けています。 もっとシームレスに、便利に、快適に。今までよりもなめらかな生活の後押しをするプラットフォームを目指し、メルカリは、これまでのメルカリを超え続けていきます。 そんな未来への強い意志を込めて、ロゴの変更を行いました。よりシンプルで、フレンドリーな新しいロゴでお目にかかれることを楽しみにしています。新しいメルカリは、あなたの生活とともに。 これまでの、「箱から飛び出すワクワク」というアイデンティティを残しながら、要素を少なくしていくことで、より洗練されたロゴマークに仕上げ、メルカリの目指すオープンでフェアなマーケットを表現しています。実際に作ったプロトタイプは数百種類。試行錯誤を重ねて新しいロゴマークを決定しました。

Nintendo Switch 2: Everything we know about the coming release

いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

葉摘田緒@ @hatsumidashiyo アニメーターの独り言。絵コンテ・演出・原画。「忍たま乱太郎(21期～27期)」脚本・絵コンテ監修及び音響演出(無表記)、「REVENGER」「くまクマ熊ベアーぱーんち」「ヘルクHelck」「弱キャラ友崎くん2」絵コンテ、他未発表作品などの制作に参加中。

現在、公開しているMaterial - テーマ ストア - はてなブログに ソーシャルボタンについてご相談があったので回答の1つとして実装してみました。 他のテーマを使っている方でもそのままコピペもしくは調整することで使えると思います。 続きを読む jQueryを使ってテーブル内でアコーディオンするための方法をご紹介します。 開くボタンを押すと隠れていたコンテンツが開閉するようになっています。 テーブルをすっきり見せたいけど詳細なども表示させないといけないときのUIとして参考になるかもしれません。 続きを読む はてなブログテーマ「Material」でタイトル画像をアップロードした際、画面に最適化するようにしました。またCSSを追加するだけで海外サイトのように画像に薄い色が重ねっているようなカスタマイズ方法もご紹介します。 続きを読む

TOP  >  Design  >  オールディーなデザインに使いやすいビンテージテクスチャまとめ「20 Vintage Texture Packs」 さまざまな時代の雰囲気を作り上げることができるというのも、デザインの大きな魅力ではないでしょうか。今回はそんなデザイン製作の中から、オールディーなデザインに使いやすいビンテージテクスチャをまとめた「20 Vintage Texture Packs」を紹介したいと思います。 Vintage Book Textures | Pixel Pixel Pixel // Jetpacks for Designers 年代を感じられるパターンを利用したテクスチャや、味のあるペーパーやフィルムのテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Big Textures 13

Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer

はじめに iPhoneを触ったことがないのにiPhoneアプリのUIデザインをしないといけなくなったため iPhoneアプリのデザインに関する導入編です。 そもそもiPhoneってなんですか？ iPhone（アイフォーン）は、アップル社製スマートフォンです。 操作はタッチパネル（直接触って操作する画面）を指で触って行います。 そもそもiPhoneってどう操作するの？ 操作の名称 ■タップ 指で軽く叩く操作。マウスのクリックに相当 ■ダブルタップ 2回叩く操作。ダブルクリックに相当 ■ドラッグ 写真を移動する時に指をずらす操作 ■フリック リストをスクロールする時に指で軽くはらう操作 ■ピンチ 2本指でのつまむ操作の総称 ■ピンチアウト/ピンチオープン 2本指の間を広げて拡大する時の操作 ■ピンチイン/ピンチクローズ 2本指の間を縮めて縮小する時の操作 【永久保存版】iPhone 基本操作・