UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
Figma（フィグマ）とは？初心者でも分かるWebデザインツールの使い方
UIデザインやワイヤーフレームの作成に便利なデザインツールがほしいと思ったことはありませんか？Adobe XDやSketchなどがメジャーなところですが、他にもインターフェースがわかりやすく、操作性と利便性の高いツールがいくつかあります。 今回紹介する「Figma（フィグマ）」は、それらに引けを取らず、さらに便利な機能も備えたツールです。Figmaがどのように役立つものなのか、使い方を初心者にもわかりやすいようにシンプルにまとめました。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Figma（フィグマ）と
AWS Amplify Studioが変えるフロントエンド開発の未来とは
概要 こんにちは。 KDDIアジャイル開発センターの小板橋です。 この記事は、KDDI Engineer&Designer Advent Calendar 2021の11日目の記事です。 先日(2021/12/3)、re:Invent2021でAWS Amplify Studioが発表されました。 今回は、そのAWS Amplify Studioについてまとめ、検証していこうと思います。 AWS Amplify Studio AWS Amplify Studioの機能を要約すると、フロントエンド開発者に最小限のコーディングでフロントの開発ができる Amplifyのバックエンド構成およびそれらを管理する機能を統合した開発環境 ちなみに、amplify admin uiとの違いは？？ 昨年のアップデートでamplify admin uiというものが出ています。 実は今回のAWS Amplify
「機嫌よく、ラクできるようにUIを考える」 UI研究者・増井俊之氏が描く発想と未来
機能とUIの進化はなぜ比例しない？ UI研究者に聞く、使いやすさの本質とUIのこれから 「機嫌よく、ラクできるようにUIを考える」 UI研究者・増井俊之氏が描く発想と未来 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。ここからはUIの進歩と増井氏が描く未来について。前回の記事はこちらから。 機能の進歩とUIの進歩が比例しない理由 ――PCやスマートフォンは機能が増えたりスペックも高くなったりと、年々進化を続けていますが、UIに大きな変化
「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質
機能とUIの進化はなぜ比例しない？ UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人
デザイナーとエンジニアの協業を加速させる！スタイルガイド作成ツール「Storybook」の紹介 | クリエイターのための総合情報サイト CREATIVE VILLAGE
ReactやVue.jsなどのライブラリ/フレームワークが普及し、コンポーネント単位でUIを設計・実装するフロントエンド開発が一般的になってきました。しかし、コンポーネント単位での開発には様々な悩みポイントがあります。 コンポーネントには、単純に見た目の情報だけを持っているものもあれば、それぞれが状態を持っていてその状態によって見た目や振る舞いを変化させたりするものもあります。そういったコンポーネントは、他のコンポーネントと連携しても見た目や振る舞いが壊れないように（壊さないように）実装しなければいけません。 コンポーネント単位のフロントエンド開発において、コンポーネントを独立させて管理するスタイルガイドを作成することは必須と言っても過言ではありません。本記事では、スタイルガイドを作成するためのオープンソースツールであるStorybookを紹介します。 村上 玄徳氏 株式会社メンバーズ メ
Storybook とスナップショットテストで API開発の完成を待たないフロント開発フロー - Qiita
*こちらは meguro.es の資料になります 自己紹介 株式会社オプト シニアエンジニア @sisisin（しめにゃん） GitHub Twitter フロントエンドマン（最近は React+Redux） スクラムマスター・インフラ・サーバーサイドといろいろやります 今はテックリードとか社内アジャイルコーチ相談窓口っぽいことやってます 皆さん API とフロントの分業しますよね？ 昨今は Swagger を使って API の interface を決めて、並列開発！ フロントも API も、interface を守って開発すればスムーズ！ 並列に走っていたので、フロントが API より先に出来た！ あれ？動作確認どうすれば・・・🤔 ユニットテストで担保する？ 実際のアプリ画面動くか試さなくて良い？ UI の自動テストは大変だから API 側の完成を待つ？ ユニットテストで担保する？
インディーゲームの祭典BitSummit 2017で目撃したゲーム文化の現在地——すでに「日本／外国」という区別が無効に！？
会場に吸い込まれていく多国籍の人々 会場となった「みやこめっせ」は、平安神宮や京都市美術館、京都市図書館などを擁する岡崎公園エリアの一角に位置する展示場だ。ふだんは一般企業の展示会などが行われているが、BitSummit開催中は、ただごとでない雰囲気を放っていた。というのも、国籍も人種も年齢もばらばらな人々が、つぎつぎと入り口へ吸い込まれていくのだ。初日開場前からすでに列ができており、イベント自体の知名度の高さが伺えた。 開場直後の入り口の様子 恥ずかしながら筆者にとってゲームイベントに参加するのはこれが初めての経験で、メディアパスを手に入れるのにも、親切な受付の女性を手間取らせる始末だった。それだけに、ディスプレイの映像がよく見えるように全体の照明が抑えられた仄暗い会場に入っていくとき、夢の国に入るような心地がした。なにせ、ずっとディスプレイの中だけの存在だったさまざまなインディーゲーム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://designer-draft.jp/articles/4