Cloudcraft – Draw AWS diagrams
Automatically create AWS and Azure architecture diagrams in secondsTry Cloudcraft FreeRequest a Demo Whether you’re building a cloud architecture from scratch, documenting your current environment, or looking to optimize cloud cost, Cloudcraft allows you to visualize and communicate your architecture with ease. Build diagrams from scratchCreate a professional architecture diagram in minutes with a
freeeではZeplinを使っています - taninnosorani blog
ZeplinはドローイングツールのSketchで作ったデザインをWebブラウザ上から簡単に確認できるツールです。今年の7月7日に1.0がリリースされ、画像出力機能が（やっと）追加されました。これで今まで手間であったデザイナーとエンジニアのデザインの受け渡しが自動で出来るようになりました。ちなみにfreeeでは$25/月のGrowingBusinessプランを買っています。 Zeplinの機能 Zeplinは去年ローンチしてからまだ1年ほどしか経っていないため、なんでも揃っている多機能なツールではありません。ですが、だからなのか割と軽量ですし必要な機能は揃っていると思います。 サイズ 余白の距離やパーツの縦横、カラーコードを取得できるのがZeplinのメイン機能です。 Androidのdp単位にも対応している 画像出力 1.0になって新しく追加されたのがPNGファイルを出力してくれる機能です
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
ユーザーエクスペリエンス調査、どの手法をいつ使うべきか
現在のユーザーエクスペリエンス（UX）の調査手法は、広範囲に渡る課題に答えることができる。20の手法それぞれをいつ用いるべきかを理解するために、3つの軸と、典型的な製品開発フェーズで整理した。 When to Use Which User-Experience Research Methods by Christian Rohrer on October 12, 2014 日本語版2014年11月17日公開 ユーザーエクスペリエンスの領域は非常に幅広い調査手法に恵まれている。ラボベースのユーザビリティ調査のような実証済みの手法から、より最近開発された、モデレーターなしのオンラインUX評価のような手法まで様々だ。 こうした手法を特定のプロジェクトにフルセットで用いるというのは現実的ではない。しかし、調査手法を複数利用し、複合的な知見を得るのは、ほとんどすべてのプロジェクトにとってメリットがあ
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
時刻表っぽいフォント — DiaPro
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字（リガチャー）として定義されています。そのためフォントの適用ができない場合（サーチエンジンのSEOなど）でも意味が読めます 以下のブラウザはテスト済みです：Chrome（Win・Android）・Firefox・Safari（Mac・iOS）・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字（titl）」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
エンジニアのためのUX入門
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
60 Best Websites To Download Free Fonts
60 Best Websites To Download Free Fonts By Yogesh Mankani on Mar 16th, 2010 in Design Save On Delicious Share We all know that fonts are the most important part of any graphic designing projects and finding perfect fonts according to the need is the hardest things in design. It happens sometimes that there is some font which you can see in your mind but always end up with hours of browsing on int
フリーで商用利用もできて実用性重視のアイコンセット「Elegant Themes Icon Pack」
有料のWordPressテーマを作成して販売している「Elegant Themes」が自身の有料テーマのために作成したアイコンを1つにまとめて無料で配布しています。 「オープンソースや商用利用できるアイコンを探してみたが使えるレベルのモノがなかったので自分で作ってみた」ということなのでどれもこれも実用重視のデザインとなっており、かなり完成度が高いです。 ダウンロードは以下から。 Elegant Themes Icon Pack, For Free!- Elegant Themes Blog http://www.elegantthemes.com/blog/resources/elegant-themes-icon-pack-for-free 含まれているアイコンはPNG形式で背景は透過済み、全部で74種類、サイズは48×48ピクセルとなっています。 大体どのようなアイコンが含まれているか
デザイン性の高いハイクオリティなフォント色々:phpspot開発日誌
20 High Quality Free Fonts for Designers | Freebies デザイン性の高いハイクオリティなフォントが色々集まったエントリのご紹介です。 汎用的なフォント、というよりは個性を出したい場合に使えそうなフォントが色々とあってここぞ、という時に使えるかもしれません。 手書き風だけど綺麗なフォント 漫画っぽいフォント。色合いもいいですね 鉛筆で塗りつぶしたようなアナログ感があるフォント 丸い形が印象的なフォント どれも個性があってつい使ってみたくなるデザインですね。 関連エントリ カーブが美しいフォント色々 すごく良い感じの英文フォントいろいろ これは素晴らしいアートが詰まった２４の絵文字フォント色々
プレゼンテーションZenに学ぶ 「プレゼンはシンプルで行こう」：In the looop：オルタナティブ・ブログ
このスライドを見ておわかりの通り，最適な写真をいかに調達するかが極めて大切な要素となっている。著者はiStockPhotoを利用されているようだが，その他のフリーサイトも紹介されているので記しておきたい。 ■ レイノルズ氏のイチオシ ・ iStockPhoto ■ 低価格で写真を入手できるサイト ・ Dream Time ・ Fotolia ・ Japanese Streets ・ Shutter Stock ■ フリー写真を提供しているサイト ・ Morgue File ・ Flickr Creative Commons Pool ・ Image After ・ Stock.xchng ・ Everystockphoto search engine レイノルズ氏の主張が最もわかりやすいのは，氏のプログでも話題になったビル・ゲイツ氏とスティーブ・ジョブス氏の対比だろう。イメージを見れば一目
質感がすごい神アイコン色々:phpspot開発日誌
質感がすごいアイコンを色々と集めたエントリのご紹介です。 次のようにアイコンだけど、アイコンとは言い難い芸術作品が多数掲載されていて見るだけでも楽しいです。 W-shop Icon Archigraphs Collection Icons Archigraphs Cars Icons Icons for Yellow Pages Office Icons こういうアイコンは作ろうと思っても、素人にはなかなか難しいんですよね。 リンク先は以下のエントリを参照してください。 50 (fresh) Beautiful and High-quality Free Icon Sets|Dzine Blog
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Palette - Material Design Color Palette Generator
Octicons Your project. GitHub's icons.
フリーフォント「MagicRing」
Harmony
とってもいい感じのフォント３０種類:phpspot開発日誌
新サービスに使えそうなフォント色々:phpspot開発日誌
カーブが美しいフォント色々:phpspot開発日誌