About This Events JapanContainerDays（JKD）はコンテナ活用/クラウドネイティブの現状をひとまとめにした開発者のためのイベントです。 コンテナエコシステムを形成する数多くの技術やソリューションを歓迎します。

アニメーションで アイディアを世界に届けよう LiPOGRAM is a Tokyo based animation studio specializing in characters and motion graphics. LiPOGRAMはアニメーションとモーショングラフィックスを 得意とする、東京の映像制作会社です。 Read ABOUT Production members with extensive experience and technical expertise will offer ideas that works best using animation. By adopting various techniques, we strive to create a work of finest-quality.

Rails Developers Meetup 2018 Day 3 Extreme で発表させていただきました - https://techplay.jp/event/679666 - 質問: https://railsdm.herokuapp.com/issues/76 協力: FlyTeam: https://flyteam.jp/ レイルラボ: https://raillab.jp/

デザインとお金 デザイン事務所や広告代理店って、値段がまちまちだけど、一体何が違うの？と思われる方は多いと思います。同業者である私も同じことを思います。 今回はデザインコンサルティング会社”Blind”のCEOであるChris Doによる、デザインの「お金」の話です。ここまでオープンにお金について言及する授業はとても新鮮でした。 21世紀の教育プラットフォームを標榜する”The Future“の動画を翻訳しています。※記事掲載は許諾を得ています。(Thank you The Future and Chris Do !!) デザイン制作料金の決め方 生徒：ロゴの料金設定と、その内訳を教えてください。クリエイティブディレクターの時給は？ クリス(以下C) : ロゴデザインをしている人はどれくらいいる？けっこういるね。では、ロゴの料金、時給などについて。君たちはロゴをいくらで作ってる？ 生徒：場

As a curated list of the best gradient websites across the internet, Gradient Backgrounds allows you to explore, try and choose from hundreds of beautiful blended color palettes. The project merges two ideas developed while building a gradient color picker CSS Gradient and a background image tool Cool Backgrounds. About We're a group of makers with a mission to build a better internet, one digital

\ ˌi-lə-ˈstrā-shənOpen-source illustrations for any idea you can imagine and create.A constantly updated design project with beautiful SVG images that you can use completely free and without attribution. synopsisCreate better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal

This domain may be for sale!

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも効率よくワイヤーフレームやフローチャートを作成できる無料のWebサービスをご紹介します！ 可能な限り短時間で簡単に作成できるように工夫されているのが大きな特徴で、初めての人でも美しいワイヤーフレームを作って公開することが可能です。 【 Whimsical 】 ■「Whimsical」の使い方 それでは、実際に「Whimsical」を使いながらどのようなサービスなのかを見ていきましょう！ まずは、サイトにアクセスして「サインアップ」ボタンをクリックします。 （※Googleアカウントでも登録可能です） 無料のユーザー登録フォームが表示されるので、ユーザー名・メールアドレス・パスワードを入力しましょう！ すると、すぐに自分専用の「マイページ」が表示されます！ この画面から、新規にワイヤーフレームやフローチャートなどを作成

Design systems have become core to the way we design and build at GitHub. Since 2011 GitHub designers have documented UI patterns and shared common styles. In 2012, CSS and other assets were packaged up into a Ruby Gem for use in GitHub websites — this package was named Primer. Primer continued to be used internally for years before eventually having its CSS and accompanying documentation open-sou

初めましての方もこんにちは、さだこえ (@sadako_a_) と申します。DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しています。 今記事では、主にステータスのデザインに焦点を当てて記事を執筆します。 1. ステータスとステートの違い 2. 色で伝えるステータス 3. アイコンで伝えるステータス 4. 実例 : YOUTRUSTの副業意欲ステータス 5. まとめ1. ステータスとステートの違いまずはステータスの定義について決めます。似たような単語として、ステータス(status)とステート(state)、どちらも状態を表す概念ですが、両者は微妙にニュアンスの違いをもっています。 ステータスは状態を示す箱のような概念で、ステートはその状態の固有要素とであると今記事では定義します。分かりやすく言い換えるとしたら、人間

自分やチームがきちんとデータに基づいて仮説を構築し、その仮説に基づいて施策を立案し、それを検証していく思考ができるようなフレームワークを作ってみました。 イケてるテック企業というのは例外なくエンジニアやデザイナーなどの創り手がイキイキしています。そして、彼らがイキイキしているためにはメンバーからの理不尽なオーダーがない状態、つまり全ての議論や意思決定がデータや仮説を起点にしてなされている状態が必要だと思っています。 自分はMESONという「3DモデルのGoogle」のようなサービスを作る会社をやっているのですが、おかげさまで順調に人が増えてきました。 MESONは今後人数が増えていってもエンジニアやデザイナーがイキイキしている会社にしたいので、それを仕組みで実現するためにこのフレームワークを作りました。 チームの議論や意思決定を、よりデータドリブンかつ仮説ドリブンにしていきたいと考えている

タブがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装したデモを紹介します。リスト要素でシンプルに実装されているので、タブだけではなく、ナビゲーションなどにも利用できると思います。 下記は、デモでの操作をアニメーションgifにしたものです。

It’s on every job description. You see it all over the freshest design tool release. You might have even heard your family mention it at Thanksgiving. But what are the facts on these “design systems” that has the whole industry talking? Bridging design and engineering has been an intense interest of mine since transitioning to design from software engineering, so I was eager to learn all about des

相互補完型のユーザー調査である両者は、反復デザインのサイクルで重要な役割を果たす。定性的な調査は、デザインプロセスに情報提供をする。一方、定量的な調査は、ベンチマークプログラムやROI算出のための基礎となる。 Quantitative vs. Qualitative Usability Testing by Raluca Budiu on October 1, 2017 日本語版2018年3月5日公開 はじめに ユーザビリティテストによる調査では、割り当てられたいくつかのタスクを1つ以上のデザインで参加者に実行してもらうことになる。しかしながら、そうしたユーザーテストによる調査で収集できるデータには、2つの種類がある： 定性データ：複数の観察結果から構成され、デザインが使いやすいか、使いにくいかを特定する。 定量データ：1つ以上の指標（タスク達成率やタスク時間など）の形式であらわされ、タス

数字と向き合う ビジネスに貢献するデザイナーとして、ある程度のデータ分析能力は必要です。「デザインが重要」と言われるようになったのは良いことですが、それを証明しなければ装飾するだけの仕事に逆戻りしてしまいます。「データ分析」と書いてしまうと、深い数学の知識が必要そうに聞こえますが、そんなことはありません。 まず、数値が存在しないところにデザインを評価するところが幾つかあります。Web サイトやアプリを使う体験は主観的かつ感情的なものですから、ユーザーからの生の声が聞ける窓口を築いたり、ユーザーインタビューやヒューリスティック評価をするといった定性分析が必要になります。 ただ、こうした定性分析にしても「これはどうですか？」といった質問から始めても、次に繋がる改善点が見つからないどころか、開発に混乱を招くことがあります。そこで、定量調査が大きな役割を果たします。ユーザーの動機や感情を数字から読

If you're facing payment issues, send me an email at abhinav@uisources.com for alternative methods Real design inspirationBrowse recordings of end to end user journeys from the top grossing apps to reduce iteration cycles, gain insights, identify trends & benchmark against your competitors and industry’s standard. Stop spending time reinventing the wheelAre you and your team spending time figuring

Building a well-structured asset collection is prevalent duty among the designers. This non-material form of life can grow wild along with your brand, constantly generating a variety of different challenges for you or your team. If you ever stepped this path, here is a list of helpful tools that can extend sketch app functionality to help you at different stages of making a design system, eliminat

Free Email Design System For Figma & Sketch A free UI Kit for both Sketch and Figma, 10 templates, desktop and mobile, reusable symbols, components and styles, ready for designers to customize. Download Design System Files Consistency across email is hard Working across design files with different Designers often introduces inconsistencies. Using a system ensures every Designer uses the same compo