Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Webサイトやアプリを作る際に設計図として欠かせないワイヤーフレーム。各画面で何を伝えたいかを一緒に開発するエンジニアやディレクターに伝えるコミュニケーションツールとして大事な役割を持っています。 一方で、ワイヤーフレーム作成の段階でグラフィック要素を多くしてしまったり、色やロゴ、複雑なフォントを多用するなど、ついデザインを作り込んでしまったことはないでしょうか。こうした問題は、特に初心者のデザイナーの方に陥りがちかと思います。 しかし、作り込んだからといって良いワイヤーフレームと言えるとは限りません。むしろWebサイトやアプリの方向性の合意を関係者内で早めにとり、そのあとで細かく作り込む方が、効率よくデザインを進めることが出来ます。 この記事では、素早くワイヤーフレームを作るためにrootでも使っているデザインツール「Whimsical」をご紹介します。 直感的な操作が可能なデザインコラ

You've got some explaining to do Download OmniGraffle for Mac Includes a free 14-day trial Powerful visual communication With the power to diagram, rapid-prototype, and design, OmniGraffle was made for professionals who need to organize or communicate visually—beautifully.

WireframesBuild low-fidelity wireframes with drag-and-drop components.

上: Figma. Image Credit: Figma ブラウザ上で動作するインターフェースデザイン・プロトタイピングツールのFigmaが、シリーズBラウンドでKleiner Perkins、Greylocks、Index Venturesから2500万ドルを調達した。 2012年にサンフランシスコで創業したFigmaは、 UIデザインとプロトタイピングの領域で戦っている会社のひとつだ。 Figmaは、自分たちには数多くの強みがあると主張する。 例えば、Figmaはブラウザ上で動作し、 同じアプリや Webサイトデザインに取り組んでいる他のチームメンバーとの共同作業を支援する。 また、ファイルをアップロード・ダウンロードする必要なしにリアルタイムの共有が可能だ。作業者の編集履歴は他のチームメンバーにも即座に共有され、すぐに議論始めることができる機能も備わっている。 簡単に言えば、デザイ

Screenshots with styleTurn X posts and profiles into beautiful screenshots that you can share and print. ScreenshotCreate screenshots sized for Instagram, LinkedIn and more.Add style with predesigned layout and color options.Print stickers, t-shirts, and more using your screenshots.

yui.designはUIデザイナーのためのリファレンスサービスです。実務で参考になるデザインのみを集めました。日頃のUIデザインの参考にしてください。

Before Sizzy: web development is stressing you out, responsive design is hard, you have an overwhelming amount of opened tabs and apps. After Sizzy: all the tools you need are in one place, responsive design is a breeze, no more context switching.

AliExpress Multi-Language Sites Pусский, Portuguese, Spanish, French, German, Italian, Dutch, Turkish, Japanese, Korean, Thai, Vietnamese, Arabic, Hebrew, Polish

女性メディアを比較してみよう、、、！ ということで、ひたすらググってインストールしました。 さて！ いっぱいあったんですけど、その中からとりあえず 4MEEE,  LUCRA,  by.S,  antenna,  Karen( 旧サービス名: MARBLE ),  TRILL,  LOCARI の７つに絞りました。 ( 順番はテキトーです。) 個人的に知っていたもの、ググったら話題になっていたものを中心にピックしています。 （ ちなみに私自身は、最近 coming soonのページをTwitterでポロポロ見かけるようになってきたmeryのヘビーユーザーで、それ以降はInstagramに移行したタイプなので、これから触れていくサービスたちはほぼ初見の状態に近いです ） 長くなりすぎない程度に各々UI/UX中心に見ていきます、、、！ 4MEEE ( https://4meee.com/ )

原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ

先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

Bizreach Tech Beer Bashでの発表資料です

The following is a guest post by David Khourshid about how he uses Sass and the 7-1 pattern to style React components. React being all over the place these days, I am very glad to have him talking about his experience here. Chances are, as a frontend developer, you’ve heard of Facebook’s library for building user interfaces, React. Of course, an important part of building UI is styling it, as well

こんにちは！ 日本語のウェブサイトを作っていると、日本語特有の問題にぶちあたることがありますよね。 その中でも今回着目したいのは、日本語改行問題。最近、この問題を解決するためのライブラリを公開したので、紹介します。 github.com そもそも日本語改行問題とは何か ウェブブラウザで日本語で書かれたウェブサイトを見ていると、ときどき文章が変なところで改行されているのを目にすることがありますよね。 たとえば、こんなかんじ。 「ソリューション」が「ソリューショ」と「ン」に分かれてしまっています。読みにくいですね。 英語では単語がスペースによって区切られますが、日本語や中国語などのアジア圏の言語では単語がスペースで区切られないことが多いです。 そのため、英語では単語の途中で改行されることは通常ありませんが、日本語では単語の途中で改行されることがよくあります。 本文ならともかく、見出しやキャッチ

着せ替えサービス「CocoPPa」が国境を越えた理由 三枝孝臣氏（以下、三枝）：プロフェッショナルしか出せなかったようなコンテンツが、だんだんいわゆるユーザー側というか、素人さんでも出せるようになってきたっていうことについては、皆さんどういうふうに思われます？ 池澤あやか氏（以下、池澤）：最近、ECサイトもそういう流れですよね、STORES.jpとか。良くもあり悪くもありますよね。人が増え、母数が増えることで売れていた物も売れなくなったりとかするし、物を買うっていう、もともと1つのパイだと思うんですよ。 そこをみんなで取り合っているところを、またみんなでそのパイをわける必要が出てくるから、それだけ減っちゃうっていうデメリットもあるけど、色んな人が物を売れるっていうメリットもあるので、そこらへんがすごい難しいなと思って。 森永真弓氏（以下、森永）：確かアニメのDVDって年間100万本とかそう