個人で何かを作っている時、「なんかデザイン微妙だなぁ。何をどうすればいい感じになるかわからない」ってことありませんか? tailwind labsのデザイナー&パートナーを務めるSteve Schoger氏がtwitter上でデザインをいい感じにするコツをシェアしていたので、内容を確認しつつまとめてみました。 一緒に働くエンジニアのAdam Wathan氏とデジタルコンテンツ(RefactoringUI)を開発して販売もしているようです。 勉強になる情報が多かったので購入意欲高まってます。 背景の色味を文字色に加える 具体的な方法 hueをいじる テキストのopacityを下げる 区切りにborderを多用しない 代替案 input欄に背景色を付ける 行間を広くする 影を付ける アイコンの色を文字色より薄くする アイコンがテキストより重い場合 リストマーカーをアイコン等に置き換える ページ