平成30年度東京大学卒業式　総長告辞 本日ここに学士の学位を取得し、卒業式を迎えられた10学部、3,017名の卒業生のみなさんに、東京大学の教職員を代表して心からお祝いを申し上げます。また、この日にいたるまで、長い年月、みなさんの成長を支えてこられたご家族の皆様方のご苦労に対し、敬意と感謝の意を表します。本学が送り出した卒業生は、みなさんを含め合計286,106名となりました。1989年1月に始まった平成という時代が今、幕を閉じようとしています。みなさんは平成最後の卒業生として、本学を巣立つことになります。 今からちょうど4年前の2015年4月、私は東京大学総長として初めての入学式に臨みました。みなさんの多くも新入生として、同じ式に出席されていたと思います。その席で私がみなさんに伝えたメッセージの中に、「多様性を活力とした協働」という言葉がありました。覚えているでしょうか。 それから僅か4

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー

主にユーザー側の視点から語られることが多いアクセシビリティですが、制作という側からはどのように捉えることができるのでしょうか。2つの切り口から考えてみます。 # アクセシビリティという文脈において、何のためにHTMLを書くかという話になると マシンリーダビリティのため スクリーンリーダーのアクセシビリティのため というように、ユーザーが利用するため、というところにフォーカスした語られ方が多いように感じています もちろんユーザーのために作るというのは正しいのですが、今回はあえて視点を変えて、制作者自身の作るというところに視点を合わせて話してみたいと思っています 僕がどういうものなのかというと、 # 参照: 全部入りHTML太郎(@_yuheiy)さん | Twitter ツイッターでは「全部入りHTML太郎」という名前でやっています # 参照: シフトブレイン／スタンダードデザインユニット

CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。

文　mami_y09 はじめまして。筋トレとおいしいものが好きな@mami_y09です。人生なにがあるか分からないもので、2018年から夫の単身赴任に付き添い、中東の一国イランで暮らしています。 今回は「座り仕事や立ちっぱなしの仕事が多くて足がむくんでいる」「接待やストレス発散のお酒のせいで体が丸くなってきた」といった悩みを抱える方々に向けて仕事でヘトヘトな毎日の中でも簡単にできる筋トレやストレッチを紹介します。 とはいえ「いきなり誰？」という方がほとんどだと思いますので、まずは簡単に自己紹介をさせてください。 溜まるストレス、退化する体、荒む心。解決してくれたのは「体作り」 今からおよそ3年前。毎日早朝から夜遅くまで働き、仕事に精をだす社会人数年目会社員だったころ。 仕事のやりがいと同時にストレスや疲労も感じていたため、逃げる先はお酒と食。仕事終わりの一杯に生きる喜びを見出したわたしの体

私は、20年間近くクライアントにサービスを提供しています。いくつか学ぶには十分な期間でしょう。そのひとつは、顧客 (上司も含む) は、デザイナーと契約し、共に働くことがどんなものなのか、実際に一緒に働くことに同意する前に理解する必要があるというものです。「報酬を払ってるんだから言うとおりにしてくれ」という一言で終わるような議論をあまりに多く経験したことから、私は、契約前にどの顧客にも伝えるちょっとした言葉を持っています。 「あなたは我々の雇い主かもしれません。でも、我々はあなたのために働くのではありません。我々は解決が必要とされていて、解決するに値する問題を解決するためにここにいます。その問題に直面している人々が我々の実際の仕事相手であり、自力で問題を解決できない人々の手助けが我々の仕事です。そして、彼らを危険にさらすようなデザインはどんな状況でも行いません」 威勢良すぎるでしょうか? こ

本日、ブランドデザインのリニューアル計画の第一弾として、Slack では新ロゴを発表しました。Slack 社員だけでなく、ユーザーの皆さんにも愛されてきた以前のロゴ (とデザイン) をなぜ変えるのか、疑問に感じる方もいるのではないでしょうか。そこで、デザイン刷新の理由と、新しいデザインに込めた思いをご説明したいと思います。 まず、今回の変更は、なんとなく…といった軽い気持ちで行ったわけではありません！諸行無常とあるように、何事も変化というのは避けられず、自然の流れかもしれませんが、ロゴ変更の理由としては十分ではありません。ロゴというブランドの顔を変更するのは「本来のロゴの役割を果たしていない」という確固たる理由がある場合です。私たちが愛してきたロゴは、まさにこのケースでした。私たちはその事実を認め、よりシンプルでわかりやすい、ロゴとしての役割を果たす新しいデザインに進化させるため、今回のロ

スクラム とは、最近、特にソフトウェア開発の分野でよく使われているバズワードです。この概念は、1995年のOOPSLAでJeff SutherlandとKen Schwaberにより提唱されました。自己組織的なチーム構成と短いスパンの持続可能な繰り返し作業に重点を置くもので、複雑なソフトウェア製品やプロジェクトを扱うためのすっきりとした軽量なフレームワークです。 シンプルで軽量な性質を強みとするスクラムですが、これを導入している企業の約半数が正しく実践できていないと思われます。では、一見すぐに使えそうな手法なのに、実践するのが非常に難しいのはなぜなのでしょうか。その理由と、これを確実に成功させるために講じるべき対策を見ていきましょう。 1. 組織の賛同が得られていない どういう タイプの企業であろうと、何かを変えようとすれば必ず直面する最大の課題であると言えるのが、これです。スクラムも例外

デザイン業界の現在の流れを把握し、それらがどこに向かって進んでいるのか、何ができるようになるのか、チェックしておきたいUIとUXデザインのトレンドを紹介します。 昨年まではスマホ中心のトレンドが多かったですが、今年のキーワードは「コンテキスト」です。より良い方法でデザインするために、インターフェイスのトレンドを確認しておきましょう。 2019 UI and UX Design Trends by Moses Kim 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ブラウザの進化 02. 目的があるアニメーション 03. インターフェースの3Dとディープフラット 04. 超現実的なデザイン 05. グラデーション 2.0 -燃えるようなカラーと暗闇 06. 可変フォント 07. Figma 08. 音声UI 09. UXに

新年あけまして、おめでとうございます。Grabでは今年も、Web制作・マーケティングに役立つ情報をどんどん発信していきたいと思います。 今年一回目のテーマは、「デザインに取り入れたい心理学効果」です。 何かを決定するとき、必ずしも論理的に決断しているわけではありません。多くの場合、無意識に心理学的な効果が働いて意思決定を行っているそうです。 どんなWebサイト・Webプロモーションでも、「ユーザーに何か行動してほしい」「ユーザーの心理状況に変化を与えたい」という目的があるはずです。 人に影響を与える心理学効果を使うことで、より高い成果・コンバージョンが狙えるデザインやプロモーションを論理的に生み出すことができます。 もしも「コンバージョンボタンにはどんな色を使ったらいいんだろう?」「小さな広告バナーにどんな内容・デザインを入れるべきだろう?」と悩んだり、見た目の好みだけで決めてしまっている

いつまでも成果の上がらない日本式教育するより上手く行ってるところのやり方真似した方が早いでしょ

道路工事中の赤ランプ、踏切、非常口のマーク――　2018年4月、JIS（日本工業規格）の改訂に伴い、こういった場所に使われている「安全色」が変わったことをご存じでしょうか。 設備の入れ替わりに時間がかかるため、ひょっとしたら、まだ“新色版”を目にしていない人もいるかもしれません。ですが、仮に見ていたとしても、多くの人は気付かないままでしょう。というのも、一般的な色覚を持つ人には、“小さな違い”しか分からない調整が行われているからです。 上下どちらが改訂前、改訂後なのか分かりますか？ しかし、この改訂により、あるタイプの色弱者には「色味が感じられなかった標識がカラーになる」など“大きな変化”があるのだといいます。安全色に起こった小さくて大きな変化とは、どのようなものなのか。CUDO（カラーユニバーサルデザイン機構）副理事長・伊賀公一氏に話を伺いました。 本記事はテーマ別に分けた3編構成となり

人材の確保が難しい時代にあっても、 その状況を鮮やかに一変させるカードは きっとある。 私たちは業界のインフラとなって さまざまなサービスを展開し、 採用シーンのあらゆる課題を 解決に導きます。 その時々、それぞれの場面で 最善の一手を考え続け、 先進的かつユニークな 人材調達・活躍支援サービスの力で つながった先の景色まで支えていきます。

はじめに 「心理的安全性」とは、「対人リスクを取っても問題ないという信念がチームで共有されている状態」であるとか、「自分のキャリアやステータス、セルフイメージにネガティブな影響を与える恐れのなく、自分を表現し働くことができること」というような定義がなされています。 心理的安全性という言葉はともすれば、ただ快適で居心地のよい職場という意味にも聞こえます。そのため、ぬるま湯で緊張感のない関係性のことを「心理的安全性が高い」と言うのではないかと考えても不思議はありません。 そのため、友人関係のようにプライベートの時間を長く共有する関係になることが、心理的安全性が高いのだろうと考え、飲み会やバーベキュー、慰安旅行などを企画してみたりとプライベートでも遊ぶ機会を増やそうと考える人もいるでしょう。 いわゆる「アットホームな会社です」とアルバイトの求人記事に書かれているような状態です。こういった求人内容

VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。

最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbin 150種類以上のiOSアプリ、8,000パターンのUIがまとめられたギャラリー。一つのアプリで、さまざまなUIが収録されているので、非常に便利です。スクリーンはiPhone X対応で、気に入ったアイデアは保存することもできます（要サインアップ）。

デザイナーのベーコンです 質問箱11回目です 今日も「デザイナー友達」の感覚であなたの質問に答えていきます！ 今日の質問はこちら! デザインスキルの身につけ方を知りたい【勉強方法・学び方】 質問ありがとうございます 確かに、楽しくデザインさせてもらっています！ デザインが嫌になる瞬間、めっっっちゃありますよ… ひとまず、こちらは後にして、先にデザインスキルの身につけ方について答えます デザインは独学、泥臭いスタイルでやっています まず、ぼくはデザイン独学で学びました 美大を出たわけでもありません、デジタルハリウッド札幌校出身です（ソフトの使い方を学びましたデザインは一切学んでいないです） デザインや絵が好きかというと、Windows95でテレホタイムを楽しんでいた、ただのパソコン好きでした だからこそ、言いたいのですが、デザインは練習すれば（ある程度）習得できます 仮にものすごく上手くなれ