[B! デザイン] sinsokuのブックマーク

sinsoku id:sinsoku

デザインに関するsinsokuのブックマーク (19)

あとデザインさえあれば・・・を若干のお金で解決する #OSS #docker #99designs #startup - @i2key のBlog
エンジニアとしてサービスを作ってる時にどうしても行き詰まるのが、デザイン。仮に、それがデザイナーと組んでチームとしてやっているときは良いのだけど、エンジニアの自分だけでやっているような場合特に困る。 Webサービスを作るのであれば、最近はTwitter Bootstrap等を使えば、それっぽく見えるようになってきたし、また、iOSに関しては標準のUIKitのデザインでまあまあ綺麗。プロダクトとしてもMVPは達成できると思う。Androidに至ってもかつてはデフォルトだとなにこれ感がつよいUIだったけど、最近はよくなってきているし、**Bootstrap系なデザインライブラリを使えばそこそこ綺麗につくれる。その上で、残る課題がアイコン。ロゴ。 OSSをGithubで公開しているような方の場合は、ソースコード自身がプロダクトのため、デザインは不要かもしれないけど、やはりロゴ。ロゴが欲しくなると
sinsoku 2015/10/15
oss

デザイン

ロゴ
リンク
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
sinsoku 2015/09/03
ui

javascript

css

デザイン
リンク
自分のデザインのスキルがチェックでき、勉強にもなるクリエイティブなゲームのまとめ
カラーの見極め、文字の美しい字詰め、図形の認識など、デザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックのゲームをまとめたサイトを紹介します。
sinsoku 2015/06/16
デザイン

勉強
リンク
プログラマのためのUXチートシート — ありえるえりあ
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の﹁Windows ユーザーエクスペリエンスガイドライン﹂﹁ガイドライン﹂主に﹁コントロール﹂の抜粋です。以下の基準で抜粋しました Web UIに応用可能実用的かつ具体的自明ではないプライマリUIを目立たせるプライマリ UI要素を強調するには、以下に従います。 - プライマリ UI要素は、視線の通り道に配置します。 - タスクを開始する UI要素は、左上隅または中央上に配置します。 - コミットボタンは、右下隅に配置します。 - 残りのプライマリ UIは、中央に配置します。 - コマンドボタン、コマンドリンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。ユ
sinsoku 2015/06/02
ui

web

デザイン
リンク
iOS 7 colors
包茎手術を受ける際には、どこのクリニックで手術をするかということも大事ですが、まず受けるか受けないかということも考える事から始める事になるでしょう。最終的には包茎手術をしてよかったという口コミが多数ですし、そういった結論になる方が多い傾向がありますが、ネットの口コミは非常に参考になります。腕の悪いクリニックや保険適用で泌尿器科で包茎手術をした方の満足度は、低い傾向がありますので要注意です。まずは料金の事だけではなく、幅広いポイントをチェックするべくネットの口コミを見てみると良いでしょう。色々と見えてきます。包茎手術は痛い？痛くない？口コミをチェック包茎手術はペニスの手術になりますので、想像するだけでも悶えてしまうという男性は多いのではないでしょうか。ちょっとぶつかったり打ったりしただけでも相当痛いのに、その部分に麻酔をして手術をするなんて考えられないと思っていてもコンプレック
sinsoku 2015/03/02
iOS 7

デザイン

design

webデザイン
リンク
uiGradients
A handpicked collection of beautiful color gradients for designers and developers
sinsoku 2015/03/02
gradient

デザイン
リンク
shade
background-image: linear-gradient(-90deg, #FF00A1, #F6FF00);
sinsoku 2015/03/02
css

color

generator

gradient

デザイン
リンク
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
sinsoku 2015/03/02
css

画像

Web

webサービス

design

デザイン
リンク
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
sinsoku 2015/01/19
iOS

アプリ制作

デザイン

design
リンク
UIの学習のために生まれたUI | UXデザイン会社Standardのブログ
UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。参考‥モバイルデザインパターン第2版 ―ユーザーインタフェースのためのパターン集使い方を学習するためのUIパターンもし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな
sinsoku 2014/07/04
ui

webデザイン

design

デザイン
リンク
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。実は使ってるんだけど、どのフォントを使っているか意識していなくて、﹁これ何のフォント？﹂と聞くと、﹁ちょっと待ってくださいね。調べます。﹂という会話を良く耳にするようになったような気がします。﹁会社のPCに入ってたー﹂みたいなノリでしょうか。というわけで、今日は僕がWEB屋をやってきた中で、﹁最低限、これは知っておいた方がいいんだろうな﹂と思ったフォントを幾つかご紹介。英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。︵順不同、のつもりで僕の好きな順︶ Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
sinsoku 2014/03/07
web

webデザイン

デザイン

design
リンク
この装丁がすごい！～漫画装丁大賞～2013　【ベスト100+α】
︻2013｜2012｜2011｜2010｜2009︼俺がそう思うんだからそうなんだよ、俺ん中ではな装丁ランキング、﹃この装丁がすごい！～漫画装丁大賞～2013﹄の発表です。盛るだけ盛った企画名と共に、ごくごく個人的な趣向と思い入れで表紙やデザインを紹介したい作品を並べるだけ並べた、つまりいつも通りの記事になっています。ベスト100＋α、どうぞご覧ください。︻100位以降　200/300︼︻おまけ︵準備中︶︼ ●画像をクリックするとamazonに飛びます。作品の内容の方が気になった方はそちらをご参照ください。 ●画像下に▲マークが付いている作品は、画像の上にポインタを乗せると別画像に切り替わります。 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ ︻第1位︼惡の華7巻 / 押見修造 ▲ ﹁クソムシが﹂でおなじみの特大フキダシが
sinsoku 2014/02/24
デザイン

漫画
リンク
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。
sinsoku 2014/01/15
デザイン

web
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
sinsoku 2014/01/15
web

デザイン
リンク
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
sinsoku 2013/12/23
デザイン

ui
リンク
ぱくたそ - フリー写真素材・無料ダウンロード
無料の写真素材・AI画像素材「ぱくたそ」会員登録不要、ダウンロード制限なし。高品質のフリー素材を手軽に。
sinsoku 2013/11/20
デザイン

web

素材

webデザイン

写真
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
sinsoku 2013/10/16
デザイン

iphone

iOS

iOS 7
リンク
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント～ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件
sinsoku 2013/04/02
まとめ

web

design

webdesign

デザイン

Webデザイン
リンク
「第一回プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめにみなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。せっかくなので、2013年最初のエントリではそのお話をしたいと思います。「第一回プログラマ向けデザイン勉強会」の発表資料が素晴らしい！前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。そんなとき、ネットで見つけたのが「第一回プログラマ向けデザイン勉強会」でした。東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
sinsoku 2013/01/17
デザイン

webデザイン

web
リンク
1