本のデザインができるまで 〜 「ぜんぶ、すてれば」｜しんぱち。
書くこともないし、感想文を書くか！！！ って課題図書から何か読む本をふんふんって探していたら、 あ、課題図書の中に１冊、自分がデザインした本が！！！！ 『ぜんぶ、すてれば』中野善壽 #ぜんぶすてれば おお！これなら、もう読んだし！家にあるし！すぐに書けそうだ！ って感想文を書きかけて、「いや、ちょっと待て！」と、 書くなら感想文じゃないだろう…という心の声が。 書くなら「デザイン」についてだろう。 うーん、正直、面倒くさい。 ただ、感想を書くよりはいいのか？どうなのか？ 23分ほど、悩みつつ、とりあえず書いてみることにした。 １冊の本のデザインが完成するまでのプロセスについてだ。 あまり気が進まないのは、書くのが大変だからというのもある。 ただもっと大きいのは「え！？そんな程度のことしか考えてないの？」みたいに思われる恐怖と、自分の裸をさらすような気恥ずかしさがあるからだ。 しがないフリ
モバイルアプリにおけるUIデザイン - Qiita
1.はじめに 私は(筆者は)モバイルエンジニア転職を目指す立場です。個人的にアプリのUIデザイン知識はデザイナーだけでなくエンジニアにも必須だと思っています。私自身がアプリ開発の過程でデザインについて指摘され、「このままデザインに無知では良くないと思った」、「同じような立場の方にモバイルアプリのデザインの事を少しでも知ってもらいたいと思った」その２つの理由から本記事を執筆しました。 現在、エンジニアを目指している方やアプリ開発はしているけどモバイルデザインについて改めて知りたいという方、そのような方向けに改めてiOS・Android双方のデザインガイドラインについてまとめてみました。 2.iOSとAndroidのデザインの考え方 2020年現在、iOSではHuman Interface Guidelines、AndroidではMaterial Designの考え方をもとにアプリUIが作られ
『ビジネスの仕組みがわかる 図解のつくりかた』全文公開｜図解総研
「ビジネスの仕組みがわかる 図解のつくりかた」という本を全文公開します！この本は、2020年4月に出版されたスマホサイズのコンパクトな新書です。『ビジネスモデル2.0図鑑』を出版後、多くの反響をいただき、さまざまな企業でビジネスモデル図解について講演・ワークショップを開催してきたノウハウを凝縮した一冊になっています。 ※当記事の情報を転載、複製、改変等は禁止いたします それではここから全文公開をご覧ください。 第１章：ビジネスモデル図解、基本の「き」はじめに 僕たちが『ビジネスモデル2.0図鑑』を出版したのは２０１８年９月のことです。「Amazon Go」や「Spotify」など、１００の事例のビジネスモデルを同じフォーマットで図解した本は、７万部を超えるベストセラーになりました。その後さまざまな反響を得て、企業から多数の講演・ワークショップの依頼をいただきました。「ビジネスモデルを自分で
PHOTO METI PROJECT
ようこそ、まだ見ぬ日本の美しさへ あなたが知っている日本は、この国のほんの一部でしかありません。 日本には47の都道府県があり、そこには四季を映し出す豊かな自然と、 長い歴史を誇る建造物、各地で育まれた個性的な文化が広がっています。 まだ見ぬ日本の美しさを届けるため、FIND/47は生まれました。 © FIND/47 Office. Some Rights Reserved.Except where otherwise noted, content on this site is licensed under a Creative Commons Attribution4.0 International license. © FIND/47 Office. Some Rights Reserved.Except where otherwise noted, content on this
フロントエンドのコーダーの頭の中、デザインを見た時にどんなことを考えるのか
フロントエンドのコーダーがデザインを見た時にどんなことを考えるのかを紹介します。デザインカンプを手がかりに、そのデザインが意味する仕様上のさまざまな可能性やそれらを実現するための実装方法を考えるなど、コーダーとして最も楽しい時間の一つです。 Your Brain on Front-End Development 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザインがあがってきた！ 複数行のテキストの長さに沿った背景 ヘッダはFlexboxで レイアウトはCSS Gridで 縦書きの要素 テキストの省略 カスタム フォント 画像上のテキスト SVGアイコン・レイティング ハンバーガーメニュー デザインがあがってきた！ フロントエンド デベロッパーの仕事は、さまざまなテクニックとテクノロジーを使用して望まれるUIとUXを引き出す
「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
Webデザインの添削サービス始めます
アートディレクションってなんか横文字偉そうに聞こえます。 簡単に言うと”デザインで課題を解決できるように導く”と言うことです。 もっともっと誰でもわかるように言うと、今より良くするためにダメ出しすると言うこと。 ただの悪口とはちゃうで。 ディレクションとは 先日、twitterでこんな書き込みを見つけました。 名刺でけた pic.twitter.com/jG386AUKHL — 大河内 明日香 (@AsukaOkochi) 2018年3月19日 エンジニアの方が作ったオリジナルの名刺です。 正直に言うと”素人っぽいっ感じだな”って思いました。�（ごめんなさいね） ただtwitterとはいえ、話たこともない人のデザインに口出しをするのはさすがに躊躇しました。 だけど簡単にもっと良くなるのになって思ったんです。 だから、勇気を出して。と言うか我慢できずに言っちゃった。 おもて面のロゴをほんの少
＜デザイン＞映画ブラックパンサーを見て考える「デザイン」で心を豊かに - 北欧ミッドセンチュリーの家づくり
興奮が止まらない… 嫁氏は興奮している…興奮が冷めやらず眠れないのだ。 先日ちょっと息抜きに、レイトショーで 久しぶりの映画体験をしてきた。 見たのは『ブラックパンサー』！ この映画はすごかった！ 嫁氏の中ですでに今年のベスト10に入る映画だ！ 「あたいはアメコミ興味ナッシング」という方にも 「自分は社会派ドラマが好きなんで」という方にも ぜひぜひぜひ見てほしい映画なのだ！ ( 映画データベースサイトIMDBより＜英語＞） あらすじは 「若き国王ティ・チャラ、またの名を漆黒のヒーロー＜ブラックパンサー＞。 2つの顔を持つ彼の使命は、 祖国である超文明国家ワカンダの“秘密” ──“ヴィブラニウム”を守ること。 それは、世界を破壊するパワーを秘めた鉱石だった。 突然の父の死によって王位を継いだティ・チャラは、人類の未来をも脅かすこの国の“秘密”を守る使命を負う事に。 だが――「私に、使命が果た
簡単すぎてびっくり！CSSグリッドをレスポンシブデザインに活用するための詳細手順を紹介
Webデザインを行う際に、複数の閲覧デバイスを想定してデザインを行うのは今では当たり前になっています。オンラインでのWebページの閲覧の4分の3はモバイルなので、モバイルでも快適に閲覧できるように、デザインを考えていかなければなりません。 Webデザインで段組を行う手法はさまざまありますが、現時点で最も手っ取り早いのはCSSグリッドを利用する方法です。CSSグリッドは見た目の段組を想定してコーディングできるので、より直感的な段組を行うことができます。 そこで今回は、CSSグリッドをレスポンシブデザインに活用するための詳細手順を紹介していきます。何かと概念的なCSSグリッドですが、ここでレスポンシブ対応するにはどうすればよいか、まとめておきましょう。 CSSグリッドでレスポンシブデザインを実装しよう イメージ画像 floatやflexboxのような「1次元」レイアウトに対して、「2次元レイア
下書きなしで？！大阪の看板職人の技「ブッツケ書き」を喰らえ
この記事は総合就業支援拠点『OSAKAしごとフィールド』が、さまざまな業界の魅力をみなさんにお伝えするための、業界魅力発信記事です。OSAKAしごとフィールドでは、キャリアカウンセリング・セミナーの開講などのサービスも実施しております。就職活動のヒントにぜひご活用ください。（全て無料・要登録） OSAKAしごとフィールドについてはこちら 突然ですが、クイズです。上の画像の文字は、ある1文字を除いて全てが手書きになっています。しかも、下書きをしないで「筆で一発勝負」で書かれた文字なんです。 この文字を書いたのは、大阪府の泉州地域に住んでいる2人の看板職人。上林修さんとの板倉賢治さんです。
海外のデザインスタジオに転職するまでのプロセス｜at_sushi
概要東京のソフトウェア企業でUX/UIデザイナーとして働き、いつの日からか世界で普通に働けるデザイナーになりたいという思いを持ち始めました。元々英語は苦手で初めて受けたTOEICは400点代でした。しかし日常の隙間時間に英語の勉強をして、その数年後の2017年4月からドイツに引っ越し、ワーキングビザを取得し、デザインスタジオでデザイナーとして働いています。英語の出来なかった私がヨーロッパのデザインスタジオに転職し、英語で仕事をするまでにどのような準備とプロセスが必要だったか、自分の経験を通して気づいたことを紹介していきたいと思います。 2017年に日本から家族（妻と2歳の子供1人）でドイツに引っ越しました。仕事、生活上での英語・ドイツ語でのコミュニケーションや慣れない生活文化面で苦労する場面も沢山ありますが、日々語学力は向上していますし、何より人生の中で外国で仕事や生活ができるという新しい
FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー（無料）ダウンロードできるサイト
フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材 その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット
UXという言葉が登場する以前に私が見たUXデザイン：初接触編
オフィス機器メーカー、ユーザビリティ評価専門会社を経て、2013年に株式会社キトヒトデザインを設立。ユーザビリティ、UI/UXデザイン関連業務を行う。 趣味はちょっとマイナーな国への旅行。 この寄稿記事では、株式会社キトヒトデザインでユーザビリティ、UI/UXデザインなどを手がけている萩本さんがご自身で体験したデザインのお話を不定期更新でお届けします。今回は第１回目です。シリーズ全編はこちら ユーザビリティやその周辺業務をかれこれ20年以上続けている私にとって、『UX』という言葉や概念が生まれたのはつい最近のことのように思えます。 それ以前はUXデザインという言葉は使われていませんでしたが、それらしい考え方はありました。それらにリアルタイムで関わってきた私から見ると、UXデザイン的なことに関わっているうちに、次々と新しい概念や言葉が登場し、いつの間にかそれらを統合し体系化したものがUXデザ
ラフやモックアップ作成に最適！無料の高品質PSDファイル89選【1月編】
ferret編集部：2016年2月9日の記事を更新しています。 商品、サービスを効果的に紹介したり、デザインを披露するのに便利なPSDファイルは、デザイナーはもちろんビジネスマンにとって重宝する素材です。 しかし、便利とわかっていてもなかなか探す暇がなかったり、タイミングがなく、いざ使いたい時になって素材探しに苦労したという経験ありませんか。 そこで今回は、無料のPSDファイルをたっぷりとまとめて89個ご紹介します。 揃えておくと便利なPSDファイルを、年の初めに新調してみてはいかがでしょうか。 デザインの披露に使える！無料PSDファイルまとめ 1.Psd Cardboard Packaging Mockup http://www.pixeden.com/psd-mock-up-templates/psd-cardboard-packaging-mockup 段ボールパッケージをリアルに再
初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント
優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Remove Background from Image – remove.bg
1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回）
ユーザーファーストなWebサイトのデザインとは？ | Webデザイン、これからどうなるの？（全10回）
https://designer-draft.jp/articles/10
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
