夢の、デザイナー向け React ワークショップ Q｜oujimiyahara
巻頭歌 デザイナーよデザイナーよ何故躍る フロントエンドの実装がわかっておそろしいのか 序章、または終章 「…………ブウウ――――――ンンン――――――ンンンン………………。」 Sketch ファイルを開くと、PC は蜜蜂の唸るようなファンの音を鳴り響かせた。 ……早く作業を進めねば……。 幸いなことに PM から受け取ったワイヤーフレームの詳細度は高い。あとは色を塗るだけだ。 ワイヤーの構成をなぞり、パレットから選定した色をポツポツ載せていくと、数分で作業は完了した。 すぐさま InVision にアップロード。Slack で開発チームにデザインの完成を伝えてソレッキリだ。 アーロンチェアに身を深く沈め、私は眼を閉じた。 …………。 「スッコココココ」 私がウスウスと眼を覚ました時、小気味よい通知音が耳朶に響いた。 ノロノロ Slack を開くと、メッセージが大量に届いている。 『……デ
Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5｜Goodpatch Blog グッドパッチブログ
イベントレポート Goodpatchのエンジニアが持つデザインの観点とは？ Goodpatch Engineer Meetup Vol.5 こんにちは！Goodpatchでは2019年12月10日（火）に第5回目となるエンジニアのためのミートアップ「Goodpatch Engineer Meetup Vol.5」を開催しました。 GoodpatchはUI/UXに強みを持ったデザイン会社ですが、今回のイベントではGoodpatchで働くエンジニアだからこそ持ち合わせている、インターフェイスデザインの観点やカイゼン事例、ペアデザインがもたらす価値についてなどのナレッジをご紹介しました。 今回は登壇された方々の発表内容を元に、イベントの様子をお届けします！ 「インターフェイスデザインとの向き合い方」丸怜里 はじめに、弊社の元iOSデベロッパーで、現在はソフトウェアデザイナーを務める丸怜里（@us
Webデザイン100トレース | Hypertext Candy
こんにちわ！最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効
社内システム特化なデザインシステムのメリット 〜 ヤフー社内のデザインシステム紹介
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。ヤフーで社内システムを担当しているデザイナーの伊藤、今河です。 前半では社内システムをデザインするデザイナーの環境と事例紹介を取り上げました。 後半では、私たちが運用しているデザインシステム「SAYA」について詳しくご紹介します。 SAYAとは SAYAとは、主に社内エンジニアが開発で使用するシステムのために作られたデザインシステムのひとつです。 多様なテーブルの表示形式や豊富なフォームパーツ、高情報量に対応する省スペースオプションの提供など、システム特有のUIにフォーカスし、社内エンジニアにとって最適なユーザビリティーを実現します。 ヤフーの従業員なら誰でも利用できるよう、デザインデータとコード、およびロゴデータなど
デザイナーとスクラム開発｜といとい
こんにちは。@toi_toi_yです。 サイボウズという会社でkintoneというプロダクトのデザインをしてます。 自分は数年前、kintone開発チームがスクラム開発を始めた頃にkintone専任のデザイナーとしてチームにジョインしました。 それから様々な変化がありつつもずっとスクラム開発のなかでデザイナーをやってきました。 というわけで、デザイナーとスクラム開発の話を書きます。 サイボウズのスクラム開発については弊社スクラムマスターの資料をご覧ください。 https://speakerdeck.com/ama_ch kintone開発チームのスクラム（2019年現在）- スプリントは1週間 - 開発チームはPG×3〜4人のサブチームが4つある - デザイナーは1人（+ チーム外のデザイナーが手伝ってくれてる） - 開発はモブプログラミングで進める。デザイナーも適宜必要に応じて参加するき
「一旦これで」は黄色信号――エンジニアとデザイナーの“意思疎通がうまくいかない問題”の解決法 - エンジニアtype | 転職type
2019.07.02 スキル 近年、Webサービスの成功には優れたUI/UXデザインが不可欠となっている。そのため、エンジニアにもその領域の知見が求められるようになってきたが、実際は「UI/UXはデザイナーが考える」というスタイルが定着している企業が多く、エンジニアがユーザー体験を考えられる機会が少ないのが現状だ。 だからこそ、サービス開発の現場では、エンジニアとデザイナーの協業が必要となるが、お互いの意思疎通がうまくいかず、スムーズに開発が進まないケースも多いのではないだろうか。 株式会社サイバーエージェントで働く谷拓樹さんは、まだ国内では希少な存在のUXエンジニアだ。現在は、同社のエンジニアリング組織とデザイナー組織をつなぐ役割を担うが、幾多のプロジェクトを手掛けてきた中で、エンジニアとデザイナーの意思疎通がうまくいかない様子を数々目にしてきたという。 そんな谷さんに、サービス開発の現
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺（@migi）と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI（ユーザインターフェイス）デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
#14 WP ZoomUP 『誰もが使える』デザインを生み出すために (2019/04/06 21:00〜)
デザインのアクセシビリティ対応＝コントラストチェック。そんなふうに考えていませんか？ もちろん色も大事な観点。しかしそれ以外にもじつは「勘所」と言えるようなものが、いくつかあるんです。それを押さえるだけで、あなたは半ば自動的に、アクセシブルなデザインが作れるようになります。 『誰もが使える』デザインを生み出すために、アクセシビリティをデザインする第一歩を踏み出しましょう！ ※ デザインに関わる方、デザインに興味がある方はどなたでもご参加いただけます スピーカープロフィール 伊原 力也（いはら りきや） freee株式会社 プロダクト開発本部 プロダクトマネージャー アクセシブルなインタラクションデザインの実践を標榜し、Webサービスやスマートフォンアプリの設計業務に従事。ウェブアクセシビリティ基盤委員会（WAIC）理解と普及作業部会委員、HCD-Net認定 人間中心設計専門家および評議委員
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
デザインとエンジニアリングの狭間で/ design-engineering - Speaker Deck
サイバーエージェントの技術者（エンジニア・クリエイター）向けカンファレンス『CA BASE CAMP 2019』 デザインとエンジニアリングの狭間で 谷拓樹
2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか？ 最新のWebデザインのトレンドを取り入れることによって、Webサイトを魅力的に見せることができたり、使いやすいWebサイトを提供することができるなど、様々なメリットが生まれます。 今回は、2019年に流行するWebデザインの最新トレンドを一気にご紹介していきたいと思います。 2029年のWebデザイントレンドに関する記事を公開しました！最新情報を知りたい方はこちらをご覧ください。 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AccessibilityCheckList
http://www.life-is-bitter.com/entry/designguideline_start