まずは無料会員登録 はじめに会員登録を行ってください。フォームでは、希望する条件、プロフィール、ご経歴を入力いただきます。登録後にマイページにてデザイナータイプ診断を行うことで、あなたにマッチした求人のご案内が可能になります。
Motion helps make UIs expressive and easy to use. Despite having so much potential, motion is perhaps the least understood of all the design disciplines. This may be due to it being one of the newer members of the UI design family. Visual and interaction design dates back to early GUIs, but motion had to wait for modern hardware to render animation smoothly. The overlap between UI motion and tradi
Jenna Erickson氏は、Codal社のクリエイティブ分野の戦略家です。Codal社はシカゴに拠点を置き、モバイルサイト設計に関するトータル・ソリューションを提供しています。 ECサイトをデザインする際は、購買者がどんな人であるかを考えることが大事です。あなたのECサイトは企業と消費者どちら向けのものでしょうか? B2B(企業 to 企業)とB2C(企業 to 消費者)のどちらのウェブサイトも、わかりやすく簡潔であることが求められます。美しい見た目のデザインも必要です。また、製品やサービスの詳細情報が提供されていなければなりません。 しかし、消費者のニーズと企業のニーズは異なる傾向があります。詳細情報の量やUX、デザインに関するニーズは、B2BとB2Cでは一致しません。 私が働いているCodalは、B2BとB2Cの両方のデザインと開発を請け負っている会社で、日常的にこれらに関する議
CloudFront、RedshiftなどAWSが支える動画広告の舞台裏~インフラのイノベーションがもたらす動画広告のイノベーション~
公開日 : 2015年10月17日 (2019年1月26日 更新) カテゴリー : ユーザビリティ / アクセシビリティ ウェブサイトやアプリケーションの開発や運営においては、一貫性のあるユーザーインターフェース (UI) を採用し、維持することが、ユーザビリティ上重要になります。UI の一貫性を保つためには「パターンライブラリー」を用意し、プロジェクト関係者の間で共有しておくと便利です。 パターンライブラリーとは、サイトやアプリを構成する UI コンポーネントをパターン化して再利用できるように、一覧化したものです。「スタイルガイド」と呼ばれることもあります。 パターンライブラリーの内容 プロジェクトによってパターンライブラリーに含まれる内容は様々だと思いますが、主な構成要素としては以下が挙げられます。 UI コンポーネントの外見およびインタラクション 実装に用いるソースコード (HTML
Designers love to sweat the details. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. A+, great job, don't stop you guys. ...but there's little consideration about how it all fits together outside of a static comp. You tap a button and the form just ...appears? You swipe to delete an item and it just vanishes? That’s super weird and un-
All slide content and descriptions are owned by their creators.
#4 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Design systems establish a baseline visual style that’s an essential dependency. These choices — color, typography, space and more — are robustly specified and expected to stably, predictably change release by release. When an adopter upgrades, a design system shouldn’t break their stuf
#1 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Companies realize a design system’s value when adopting products use a system to make and ship experiences that their customers use. As a part of that value chain, the system releases features over time. This puts the system into the hands of its customer: designers and engineers doing
「UIデザインを学ぶための良い教科書がない」、この企画は吉竹 遼のこんな一言から始まりました。 今、UIデザインを勉強しようとすると、プラットフォームが出しているガイドラインを読む、既存の優れたUIを模写する、 そうやって身につけることが多いのではないでしょうか。ベストプラクティスを知ることでアウトプット効率が上がるのは間違いありません。 しかし「"UI"を設計する」ことの意味、情報設計についての知識、考え方を身につけることができればどうでしょう? 少し遠回りに感じるかもしれません。でも本来のUIデザインを考えたとき、UI設計を真に理解することは、実務には欠かせない宝石のような価値があります。 もちろん、本書は概念だけではなく、UIの機能、デザイン作業のワークフローなど、実作業にそのまま活かせる内容も盛り込んでいます。 「はじめて」UIデザインに向き合う方も、本書を通して、UIデザインの実
Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. Nick shares some techniques that can help you design effective forms. (This article is kindly sponsored by Adobe.) Forms are the linchpin of all mobile interactions; it stands between the person and what they're looking for. Every day, we use forms for ess
Jorn van Dijk(@jornvandijk)のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
Design Systems have reached peak popularity. It seems that every design team has either built one, is building one, or wants to build one. With the release of the incredible Nested Symbols feature followed by Sketch Libraries just a few months ago, Sketch has emerged as an essential part of the Design System workflow. In this talk we will be covering: • Best of breed Design Systems out in the wild
近年、RailsアプリにService Objectを追加するメリットを説く記事が次から次へと量産されています。私は本記事において、それがなぜ正しくないかを述べたいと思う次第であります。もっとよい方法はあるのです。 私はこれまで、Service Objectに関するネット上の議論にときおり参加しては、問題に対するまっとうな解決方法としてService Objectが正しくない理由について繰り返し見解を述べてきました。実際、私は多くの場合においてService Objectよりもっとよい解決方法があると考えるのみならず、Service Objectはオブジェクト指向設計原則への配慮が損なわれている兆候を示すアンチパターンとして取り扱っています。 このような深遠なポイントを細切れのツイートやコメント欄を追って理解するのは大変です。そこで私は、私の見解を正確に表すいくつかの現実的なコードを詳しく
やりたいことはWebpackだけでも実現できますが、今後ページが増えていくことを考えるとgulpを使用したほうがスッキリ書けそうなので、gulpとWebpackを併用しました。最近gulpの名前をめっきり聞かなくなりましたが、元気にしているだろうか。 Webpackとgulpの使い分け、あるいは共存 Webpack webpack is a static module bundler for modern JavaScript applications. https://webpack.js.org/concepts/ 色々なファイルをまとめて、モリモリなJSファイルを出力してくれる。BabelやSassなどのローダーを設定するだけで、いい感じに変換してくれる。プラグインを使えばHTMLやCSSなどのファイル出力もできます。 gulp gulp is a toolkit for autom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く