安全安心にソフトウェア開発を行うためのDesign Doc導入ガイド｜面川泰明
みなさん、コードを書く前に設計書を書きますか？ 書くか書かないかは人それぞれだと思いますが、「設計」というプロセス自体は意識的であれ無意識的であれエンジニアであれば全員やっていることだと思います。 今回は設計プロセスの改善という文脈で私たちがDesign Docという仕組みを導入したことについて共有しようと思います。もし同じような状況を経験している人がいたら参考になれば幸いです。 導入の背景まずは導入するに至った状況からお話します。 私たちのサービスは、利用していただくユーザーの数が増加しています。それに伴って品質のハードルも上がってきました。サービスに障害が発生するとユーザーさんに大きな損害を出してしまうことになるからです。そこで今まで以上に安全にサービスを開発できる仕組みづくりが必要になりました。ですが、実現のためには大きく2つの課題がありました。 課題1. 開発スピードが徐々に鈍化し
エンジニアのための Figma 知識
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
『デス・ストランディング』試論――かくて荒野は意味で満たされた。死の大地を歩くことを意義あるものにした、オープンワールドのゲームデザイン | ゲーム・エンタメ最新情報のファミ通.com
『デス・ストランディング』がもうなんかヤバい。今だから正直に言うと、完全に好きな感じの俳優や映画監督が出てくるキャスティングに興奮しつつも、結構ギリギリまで実際のゲームプレイが明かされてこなかったから、「小島監督ってキャラやストーリーが注目されがちだけど、いやいや、第一にゲームデザインの人でしょ？ なんでそこが出てこないの？」と正直ちょっと不安を覚えていた。「運び屋のゲームって言っても、なんだかんだと最終的に、ノーマン・リーダスが切れて人間殺戮兵器になるんじゃん？」などと思ったりもした。 でも実際に触れると、本当にとことんまで運ぶゲームであり、“繋ぐ”ゲームだった（資材のためにミュール狩りをする国道建設マニアは除く）。しかも海外のシニカルな連中に言われていた「コジマの新作はハリウッド俳優が出てくるJust Walking（※）ゲームかよ」という邪推を遥かに飛び越えた、画期的かつ練り込まれた
【翻訳してみた】Google Design - モーションデザインは難しくない｜Iori Iwaki｜Motion designer
前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
Material Theme Editorを使ってみた｜Yuya Furusato｜note
今回のGoogle I/O 2018では、Material Designの大幅なアップデートが紹介されていました。 Material Designのメリットは、レスポンシブを考慮したレイアウトやコンポーネントを設計しているので、様々なデバイスで使用しても破錠しない点です。 一方デメリットとしては、完全にガイドラインに合わせてデザインすると、代わり映えのないビジュアルになってしまい、差別化が難しい点がありました。 そのような課題に対して「Material Theming」というコンセプトを掲げ、Material Designのコンポーネントを自由に編集できる「Material Theme Editor」というプラグインをリリースしています。 今回はMaterial Theme Editorをざっくり使ってみた感想をまとめています。 まずは、Material Theme Editorの使い方マ
新しくなったMaterial Designのココに注目！最近のUI要素・コンポーネントのデザインや使い方がしっかり学べる
先日開催されたGoogle I/O 2018で、Material Designは大きくアップデートされました。 ロードマップによると、今回のアップデートを皮切りに、これからも毎月リリースされ、Material Designはその表現力を高める機能を充実していくとのことです。 Material Design Material DesignはGoogleが提供するオープンソースのデザインシステムで、Webサイトやスマホアプリのデザインから実装まで幅広く利用できます。 Google I/O 2018でアナウンスされた大きなポイントは、3点。 Material Themingはテーマを使用して、開発者がプロダクト全体でユニークなスタイルを一貫して体系的に表現できるようになりました。 ワークフローを効率化する3つのツールがリリースされました。 Material Theme Editor, Mater
280文字数制限拡大においてのデザイン上の課題
TwitterがまだTwttrという表記だったころから、Twitterらしさの定義のひとつが「140文字のツイート」でした。この140文字の制限を挑戦として楽しまれる方もいらっしゃいます。文字数制限が、創造性を駆使した簡潔なメッセージにしようと思うきっかけにもなっているようです。中には、文章力の向上に役立ったという方もいらっしゃると聞きました。その一方、この文字数制限によってTwitterに不満に感じる方も多くいらっしゃいます。文字制限があるために書き方を考えなくてはならず、表現能力に制限を与え、結局はツイートを行うことを諦めさせてしまうことも少なくありません。簡潔であることはTwitterにとってとても大切なことですが、皆さんにもそれぞれのお考えを共有していただきたいとも思います。 ツイートの長さについてのデータを見て、興味深いパターンを発見しました。この140文字の制限が、使われている
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
Microsoft R Server now available for Academics and Students via DreamSpark - big data statistics, predictive modeling and machine learning capabilities - Microsoft UK Faculty Connection - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」
ときには素っ気ないほどシンプルなアップル社のデザインですが、きちんと調べるとありとあらゆるところに最も安定し美しい比率とされる「黄金比」1:1.618(約5:8)が現われます。これは製品だけではなくWebページやロゴも同様。アップルの魅力的なデザインについての理由が少しだけ理解できたような気がします。 アップルのロゴ 左側の図は、直径の比ががフィボナッチ数になっている円を集めた「黄金長方形」。右の図は、これとアップルのロゴの曲線の直径を比較したもの。あらゆる箇所のサイズが緻密に計算されているのが分かります。 iCloudのロゴ 円の直径やロゴの縦横比が黄金比（1:1.618）になっています。 アップルのウェブページ ウェブページにも黄金長方形が出現しています Macbook Airの内部 ちょっと無理やりな感じもしますが、Macbook Airの内部です。 iPhone4 スクリーンの分割
手描きのスケッチでデザインのススメ | 使える「デザインセミナー」
こちらのスケッチはかなりお上手です。こういう、うまいスケッチを見ると俄然やる気がわいて来ますね。 sketch: video browse page featured videos ideas ↑こちらのサイトからお借りして来ました。 あまり、手描きのウェブのスケッチを見た事がないという方も多いかもしれません。私達の事務所では、よく見かける光景です。アートデイレクターからデザイナーに、とか、まあ、言葉で説明するよりも絵にしてしまった方が早い！からかもしれませんが・・・・ ということで、今日は手描きのスケッチについて。 まずは、描くもの用意 今日は、どこにでも売っていそうな画材でということでダイエー碑文谷店 でスケッチブックと鉛筆を買って来ました。 方眼ノートのメモもサイズが小さいと２００円以下。スケッチブックも１６０円くらいで買えるのかな。お薦めはスーパーで買うなら三菱のuni鉛筆のHBが
ロゴをどのようにデザインしたかという作り方がスケッチで分かる11の事例 - GIGAZINE
ロゴ画像を作るというのはなかなか骨の折れるクリエイティブな作業であり、しかもその製品やサービス、企業のアイデンティティというものを込めなければならず、しかも今後の「顔」にもなるので、その苦労は並大抵ではありません。そのため、実際にロゴが生み出されるまでの過程を知っておけば、ロゴをデザインする際、あるいはロゴデザインを発注する際にいろいろと役立ちます。 11 Great Examples Of How A Logo Is Born | Top Design Magazine - Web Design and Digital Content http://www.topdesignmag.com/11-great-examples-of-how-a-logo-is-born/ ◆Kaviartの場合 完成 ◆Houdiniの場合 完成 ◆Project Moonの場合 完成 ◆Xokoの場合
いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
20+ Informative and Well-Designed Infographics
It’s impossible to comprehend complex data or analyze large amounts of information if we only use words or texts. Information graphics or better known as infographics are visual explanation of data, information or knowledge. These graphics are excellent visual tools for explaining huge amounts of information where complex data needs to be explained immediately and clearly. Let me show you how Rick
Adobe Photoshop CS4 - Photoshop CS4 カラーユニバーサルデザインとその実践例
アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
"伝統になってしまう前"の戦前の着物が跳ね上がるようなポップさでかわいい「ハイカラだ！」「これは着たくなる」
「色物の服を買っても合わせ方がわからない」人向けの画像がすごい。｢これでまず失敗しないと思います｣→｢ちょうど悩んでた｣
ユーザーインターフェイスのデザインのヒント - Apple Developer
