Connect thousands of apps and integrations for all your Atlassian products
エンジニアとしてサービスを作ってる時にどうしても行き詰まるのが、デザイン。 仮に、それがデザイナーと組んでチームとしてやっているときは良いのだけど、エンジニアの自分だけでやっているような場合特に困る。 Webサービスを作るのであれば、最近はTwitterBootstrap等を使えば、それっぽく見えるようになってきたし、また、iOSに関しては標準のUIKitのデザインでまあまあ綺麗。プロダクトとしてもMVPは達成できると思う。Androidに至ってもかつてはデフォルトだとなにこれ感がつよいUIだったけど、最近はよくなってきているし、**Bootstrap系なデザインライブラリを使えばそこそこ綺麗につくれる。その上で、残る課題がアイコン。ロゴ。 OSSをGithubで公開しているような方の場合は、ソースコード自身がプロダクトのため、デザインは不要かもしれないけど、やはりロゴ。ロゴが欲しくなると
A new brand identity makes Google more accessible and useful to our users Google is not a conventional company. Our mission—to organize the world’s information and make it universally accessible and useful—continues to evolve. Last year we introduced Material Design to help designers and developers embrace an expanding, multi-device, multi-screen world. With those considerations in mind, we are ex
Ignition Design Doc 共有ログインお使いのブラウザのバージョンはサポートが終了しました。 サポートされているブラウザにアップグレードしてください。閉じる ファイル編集表示ツールヘルプユーザー補助機能デバッグ
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
Automated testing of look and feel for your responsive websites Download 2.4.4 The Idea... Layout testing seemed always a complex task. Galen Framework offers a simple solution: test location of objects relatively to each other on page. Using a special syntax and comprehensive rules you can describe any layout you can imagine Runs in Selenium Grid Galen Framework runs well in Selenium Grid. You ca
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
Get inspired by the work of millions of top-rated designers & agencies around the world.
現在開発担当している AbemaTV で、昨年末にパナソニックさんのスマートテレビ VIERA 向けにアプリケーションをリリースしました。AbemaTV リモコンボタンで AbemaTV にアクセスできます。今回このアプリケーションの UI を開発するにあたって、新しいデザインワークフローを導入しました。 本記事では、 Story-Assured Design というデザインワークフローを、現在プロダクト開発で直面しているデザインの課題とともに紹介します。 Story-Assured Design とは? Story-Assured Design はその名前が示しているように、ユーザーストーリーを保証することを目的とした UI デザインのワークフローです。UI デザインを3つのステップに分けて行います。 ストーリーデザイン デザインの構造化 視覚情報デザイン 一番重要なユーザーストーリーの
Webサイトギャラリーを覗いて感じたのですが、やはり美しい写真やムービー、斬新なレイアウトなどのデザイン要素がふんだんに使われているサイトに目が奪われがちだったりします。 その中で、あえて一つの要素にフォーカスし、うまく繰り返して魅せる手法があることに気づきました。 今回はこれを「ワンパターン・デザイン」と称し、その手法を取り入れたサイトを紹介します。 http://naotaro.com/ 森山直太朗 オフィシャルWebサイト シンガーソングライター、森山直太朗氏のオフシャルサイトです。 TOPに配置されている森山さんの画像が背景に指定されており、スクロールしても追従してきます。 写真は変えず、顔の落書きだけを差し替えることで、着せ替え人形のような効果を生み出しています。 本人は至って真面目なのにとてもPOPな雰囲気を生み出しており、お茶目な森山さんの人柄が垣間見えるようです。 メインの
はじめに… 最近WebViewを使うプロジェクトに関わっているのもあって、iOSやAndroidだけではなくWeb関連の技術も追っかけなくてならない状態です。故に、デバイスはモバイルだけではなくデスクトップもウェアラブルも全て対応範囲の視野にいれておかなければならないため、既存のプロトタイピングツールでは対応しきれないシーンに度々出会います。 プロトタイピングツールって プロトタイピングツールは色々あります。画像ベースのものから、Scriptベースなどなど。しかし、次のような問題点でInVisionでさえもどかしい思いをしています。 画像ベースのプロトタイピングツールの問題点 結局全てのステートに合わせたカンプをつくらなくてはならない。 条件分岐でデザインの一部を変更したい デザイナーが少数の環境ではプレビュー共有くらいでしか使えない。 インタラクションや動線を選ぶのは面倒くさい。 そもそ
Heroku Advent Calendar 2014の13日目の記事です。 2014年11月にHerokuからDropbox Sync機能のアナウンス(Beta版)がありました。今日はこれを使ってみようと思います。 この記事はBeta機能について解説しています。機能に関しては変更の可能性があります。 デザイナーとデプロイ まず先に私とHerokuと言えば、StyleStatsというCSS解析ツールをHeroku上で動かしています。私は元はWebデザイナーでしたので、つい最近まで『デプロイ?なにそれ?おいしいの?』って感じでしたが、git push heroku masterでデプロイできるHerokuさんのおかげで、こんな私でもWebアプリを稼働・運用していけています。 配備する、配置する、展開する、配置につく、などの意味を持つ英単語。 ソフトウェアの分野で、開発したソフトウェアを利用で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く