2017年4月13日の「DevLOVE 関西『デザインリニューアルの難しさ』」にて発表された、Backlog UI リニューアルの舞台裏のスライドです。
こんにちは!デザイナーのタカハマです。前回の先輩デザイナーに聞いた「誰もがぶつかるデザインの壁」では、新人デザイナーよりも、むしろ先輩デザイナー達に「あるあるすぎる!」ということで共感頂いたようです。「新人デザイナーよ、これを読め!」と言わんばかりの勢いで拡散して頂いた先輩デザイナーの方々ありがとうございます。 今回はそんな「誰もがぶつかるデザインの壁」を「ベテランデザイナー達はどうやって乗り越えたか?」また、そんな彼らの経験から生まれた「指導の工夫」をご紹介したいと思います。 デザインの壁は「数」で乗り越える 「誰もがぶつかるデザインの壁」には多くの共通点があり、まとめると「5つの壁」でしたが、「乗り越え方」には、さらに共通点があり「数で乗り越えた!」という回答がほとんどでした。 でも「数やれば上達する」それでは当たり前すぎて新人デザイナーが読んでくれそうにもないので、どんなポイントで「
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います! ↑私が10年以上利用している会計ソフト! 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
大好評の「エンジニアのためのCSS基礎講座」シリーズの続編です。今回は前回の記事でも少しだけ触れた Flexbox レイアウトについて解説したいと思います。 Flexbox は CSS3 から導入され、ヌーラボのサービスでも一部 Flexbox を使用しています。また最近では React Native のコンポーネントのレイアウトにもこの Flexbox が使われており大変注目が集まっています。なので「今更聞けない!」というより「今覚えたい!」技術になりますので、是非マスターしておきましょう。 Flexbox とは Flexbox は正確には CSS Flexible Box Layout Module といいます。その名の通り、柔軟なボックスレイアウトを可能にする CSS の新しいレイアウトモードです。横並びのレイアウトを組む際に従来の方法であれば float や inline-bloc
Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y
久々の投稿。 今、バンドルカード、というクレジットカードを持てない人向けに、アプリをインストールしたらVisaカード(プリペイド)が持てる、というサービスを提供しているのですが、よく人に「決済って競合多いけどどうなん?」っていう質問をされます。 もちろん、色々な企業が凌ぎ合っている業界ではありますが、役割分担もはっきりしていて、一概に競合とは言えないことがほとんどです。 そこで、一旦業界と、競争領域の整理をしてみました。 クレジットカード業界/スマートペイメントマップ まず、わかりやすくするため、競争領域を外したマップで説明します。 左(消費者)から右(加盟店)にお金が流れるイメージです。 上段と下段の2種類のマップがありますが、上段は、消費者から加盟店までの、クレジットカードの商流を整理しています。 それぞれの役割分担はこんな感じ。 ・提携カード:イシュアと組んで自社顧客にカードを販促
シナップの小茅です。今回はRWDならではのデザイン表現として「よく見かける画像の見せ方」と、簡単にレイアウトパターンについてまとめました。 RWDではマルチデバイス対応を標準としており、ワンソース・マルチデバイスといった運用の効率化など良いメリットもある反面、複数デバイスを考えた設計や実装など、複雑な面も持ち合わせているため、制作前の綿密な計画は非常に重要です。それらを踏まえたまとめをご紹介します。 【 1 】 よく見かける画像の見せ方「RWDならではのデザイン表現とは?」 【 2 】レイアウトパターンのおさらい「デザイン・実装するのは、どのパターン?」 【 1 】 よく見かける画像の見せ方:RWDならではのデザイン表現とは? 最近は技術面においても開発が進み、RWDならではのデザイン表現が増えてきました。 そこで画像の表示方法をどのように考えたら良いか、4点ほど例をあげてご紹介します。
ごまちゃん @gomachannel0 私は会社勤めも夜職も両方経験した。 会社員は、きちんと出社&法令を遵守していれば、安定して仕事を与えられ給料も保障されている。 一方で夜職は、基本的には自分で仕事を取りに行かないと給料がない。 そこに価値観の違いが生まれるのかなとは思うけど、労働力の万引きには腹が立つよね。 2017-04-16 07:39:41 ごまちゃん @gomachannel0 そして私の周りのキャバ嬢達は 『パソコン買ったんだけど1万あげるから、面倒な初期設定全部やって!』 みたいな子ばかりだ。 そう言われると 『1万もいらないからヒルトンのビュッフェ連れてって!友達じゃん♡』 ってなる。そんなもん。 2017-04-16 07:52:25
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く