【完全保存版】シートで簡単チェック！デザイナーが見落としがちなUIデザイン12の想定漏れ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのほりでーです。 Webやアプリの開発ではデザイナーとエンジニアの連携が欠かせません。デザイナーとエンジニアが分業する場合、デザイナーがPhotoshopなどのグラフィックツールで完成図となるデザインカンプを作成し、それを元にフロントエンドエンジニアが実装してWebサイトを完成させることが多いでしょう。 しかし、最近のWebサイトで多用されているリキッドレイアウト（横幅の変化に追従するレイアウト）や、ユーザーの操作に反応するインタラクティブなアニメーション表現、CMSやJavaScriptと連動して動作する複雑なUIなどをカンプ上で表現するのは困難です。 そのため、デザイナーが「ここはこういう風に動かしたいな〜」と思っていても、それがエンジニアに伝わっていない、という見落しも発生してしまいます。 一般的に、ソフトウェアの開発では仕様が不安定（＝必要な機能
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
デザインやイラストで備えておきたい、Photoshopの商用無料おすすめブラシ素材のまとめ
さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。 写真やイラストに重ねたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりです。
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
続：デザイナーが仕事で使いまくるフリー日本語フォント６選
（2018-08-13更新） 座って座って！ キーンコーンカーンコーン！！！！ おすすめのフリーフォントの授業が始まりますよ！ 寝ててもいいからさ、そこに座っててよ〜 今週のはてぶランキングでカテゴリ１位、総合３位になったこの記事の続編です www.baconjapan.com たくさんの人が参考にしていただけたようで、とっても嬉しかったです。 ※今回もなるべく商用利用可能で、漢字も使えるものを中心としています。 目次 １．国鉄方向幕書体 （日本語フリーフォント） このかわいいやつを忘れてました！ そうそう、電車に書いてあるあの文字です。 ちょっと下手な字な分、独特の個性をもっていると思いませんか？ １番良い使いみちは電車のパロディとしてですが、それ以外での使いみちと言えば、不思議とか、未知を演出するにはぴったりかもしれません。 ▼「不思議な感じを演出」で似てるなあと思ったのはこの水素水の
Budou: 日本語のための自動折り返し制御ツール
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
かっこいい日本語フリーフォント16選（デザイン向き） - 無料で使える日本語フォント投稿サイト｜フォントフリー
日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい！」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶（てつびん）ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 鉄瓶ゴシック スマートフォン
パワポ資料にデザイン革命を。クリエイティブなプレゼンを行うためのスライドライブラリー – Social Design News
パワポで資料を作る際、スマートアート機能に不満を抱く人は少なくない。もっと多様にかっこよく資料をデザインできたらいいのに…という思いを抱く人は多いはずだ。 「SlidesCamp」は、そんな不満を解消してくれる。クリエイティブなスライドが1000以上用意されており、それを誰もが簡単にダウンロード、カスタマイズして利用することができる。 かっこいい図表やマップ、エクセルチャートやアイコン、インフォグラフなどが用意されている。 価格は１スライドで２ドル、もしくは30スライドで30ドル。あるいは年290ドル払えば使い放題での利用が可能だ。パワポを多様する人にとっては、仕事のレベルを１段上げるために重要な選択肢となってくれそうだ。 SlidesCamp : Web / Facebook ※「ビジネスモデル2025」が５刷に突入！ 【参考】 ・【BBM】『ビジネスモデル2025』長沼博之・著 vol
PUSH通知の許可をよりもらうための技術調査＋スクリーンショット - フリーランスプログラマのブログ
結論として、最近の流行は丁寧にやるとしてもPUSH通知の依頼は問答無用で出すというのが主流のようだ。最もメジャーなのは、起動時に問答無用で出すこと。 あまりくどく説明しても読まれないこともあるし、画面を挟むことでもしかしたら離脱率が上がるから開発力がりそうなところでも唐突表示を選んでいるのかもしれない。 少し古い記事では、スマートニュースなどは長い目のチュートリアルがあったが、今は１ページ挟むだけになっていたりするところからも、チュートリアルは短くしたほうが良さそうなことが推測される。 「通知」の意味がわからないユーザーさんもいそう - koogawa のコメント / はてなブックマーク という意見も考慮すると、ここまでカバーする場合は通知をオンにすることとメリットをしっかり結びつける必要がありそうだ。 唐突系で無い場合、ユーザがPUSH通知などを含めたリセットを行った場合に再度出すような
WebデザインのスクラップはIcebergsが良い - MEMOGRAPHIX
Webサイトをスクラップするアプリケーション、Emberとか、Inboardとか、いろいろある。ぼくはIcebergs使ってる。 https://icebergs.com/site Icebergs、Pinterest感のあるEvernoteみたいなやつで、いろんな画像とかコンテンツをまとめて保存できるみたいなやつ。Pinterestと違うのは、スクリーンショットが簡単に撮れるという点で、Chrome拡張をインストールするとボタン一発でキャプチャ撮れる。サイト上の画像をドラッグ＆ドロップでIcebergsに送ることもできる。 webアプリケーションなのでローカルの容量食うこともない。無料プランでは500MB使えるけど、スクリーンショット集めるくらいだったらこれくらいあれば充分だと思う。
新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ | Goodpatch Blog
Goodpatchでは何か面白いもの、新しいものを見つけたらどんどんFacebookグループ上に投稿してみんなで共有しています。内容はアプリからニュース、サービスや技術など様々。4月最終日の今日は、今月Facebook上にアップされた情報をピックアップしてご紹介します！ Webサービス FLINT https://www.flinto.com/ iOSプロトタイプ作成サービス。30日間は無料で試せます。 Webflow http://webflow.com/ ブラウザ上でビジュアルを作ると、それをHTMLとCSSで生成してくれるサービス。ローンチ前ですがDEMOで色々試せます。 Qortex https://qortex.net/ チーム内でのコラボレーションツール。なんと本社が東京にあるそうです。 CSS Hat https://csshat.com/ Photoshopのレイヤースタイ
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
[JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアル デザインのガイドライン（日本語版）
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
4万円台で買えるロードバイク「Flugel（フリューゲル）」―ディスクブレーキ搭載で、自転車通勤者にもおススメ！ [えん乗り]![4万円台で買えるロードバイク「Flugel（フリューゲル）」―ディスクブレーキ搭載で、自転車通勤者にもおススメ！ [えん乗り]](https://cdn-ak-scissors.b.st-hatena.com/image/square/150179ca822e0a0c64e63f8d4dfb1c3d8fe82e8d/height=288;version=1;width=512/https%3A%2F%2Fimage.ennori.jp%2Fupload%2F201508%2Fimages%2FMain_1.jpg)
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
TechCrunch | Startup and Technology News
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
TemplateMag - Bootstrap and Website Templates Reviews
