ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ | コリス

2012/07/03 1393 users コリス ウェブデザイン UIデザイン センス 2012年上半期

Archive by month 2012年7月 (9) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51)... 続きを読む

ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ | コリス

2012/12/11 812 users コリス Dribbble psd ウェブデザイン Kit

2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。 下の方は、さまざまなエレメントが揃ったUI Kitです。 Future Camera app UI 近い未来こんな素敵なUIがくるのでしょうか。 Slide from The Bricks presentation 各エレメントが立体的に浮かび... 続きを読む

ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ | コリス

2014/12/17 558 users コリス ウェブデザイン psd Dribbble UIデザイン

2014年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています... 続きを読む

Appleのウェブデザインから学ぶ、ディテールを強化する9つのポイント | コリス

2011/05/19 544 users コリス ウェブデザイン Apple 素晴らしいテクニック 参考

Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に... 続きを読む

ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ | コリス

2013/12/16 513 users コリス ウェブデザイン psd Dribbble UIデザイン

2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。 iPhone 6 Infity iPhone 6発売前のコンセプトデザイン。発表される前のワクワク感はいいですよね。... 続きを読む

Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ | コリス

2014/07/03 474 users コリス Dribbble psd アートワーク アニメーション

2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。 アートワークにはアニメーションgifも多いのですが、ページサイズが大変なことになるため最初の一つだけです、アニメーションはリンク先で。 Pull to Refresh リフレッシュ時はプリロー... 続きを読む

ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集 | コリス

2010/02/19 471 users コリス ブッダ ウェブデザイン Photoshop 光源

繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチ [...] 続きを読む

切れないハサミと使えないWebデザイン | sogitani.baigie.blog

2014/10/07 452 users sogitani.baigie.blog webデザイン

本エントリーは、以下の目次で構成されています。 2種類のハサミと2種類のWebデザイナー Webデザインの特殊性 ビジュアルのディテールに神が宿らないWebデザイン 美しいが使えないWebデザインをしてしまう理由 Webデザイナーを支配する「強固な固定観念」と「裏の動機」 美しいビジュアルの根底にあるデザインの本質 本当に「最近のWebデザインはつまらない」のか？ ミスマッチが生む不幸なWebデザ... 続きを読む

「素直に承諾したものが損をする」というシステムへの疑問 - いつか電池がきれるまで

2014/06/30 445 users 電池 疑問 言い値 システム 怒り新党

2014-06-30 「素直に承諾したものが損をする」というシステムへの疑問 先週の『怒り新党』で、こんな投稿が紹介されていました（記憶に基づいて書いているので、ディテールは違っていると思います。ご容赦を） わたしは、家電量販店などの「店員さんと交渉すると安くなるシステム」が許せません。 あーだこーだと値引きを要求する人のほうが安く商品を買うことができ、何も言わずに店の言い値で買ってあげる善良な客... 続きを読む

インターフェイスの作成に役立つ！ディテールへの愛を感じるUIデザイン用の無料のPSD素材のまとめ | コリス

2012/10/23 386 users エレメント インスピレーション コリス マンネリ 背景

ちょっとデザインの刺激が欲しい、最近デザインがマンネリで、、、といった時に他の人がつくったものを眺めることでインスピレーションがふつふつと沸いてきたりしませんか。 ディテールにこだわり、しっかり作りこまれたUI用の最近リリースされたPSD素材を紹介します。 眺めるだけでなく、使ってもよし、です。 まずはページやエレメントの背景に使うテクスチャ素材から。 続きを読む

海外のウェブサイトから学ぶ、ディテールにこだわったデザインのテクニックのまとめ | コリス

2012/04/10 359 users コリス 印象 ユーザー 影響 多く

多くのユーザーはその繊細なディテールに気がつかないかもしれませんが、ディテールにこだわることでデザインの全体的な印象に大きな影響を与えているウェブサイトをVandelay Desingから紹介します。 Showcase [...] 続きを読む

サイトをかっこよくするためのjQueryプラグイン25+ | CREAMU

2010/05/02 318 users キャプション CREAMU ナビゲーション かっこいいUI

サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ち... 続きを読む

Adobe Photoshop Lightroom 5を使ったRAW現像の作業手順メモ | Heartlogic

2014/06/07 313 users RAWデータ 現像作業 Heartlogic 手順 自己流

Adobe Photoshop Lightroom 5の使い方がある程度わかってきたので、自己流ですが、基本的な現像作業の手順をメモしておきたいと思います。 こちらの補正前の写真（左）は、典型的な失敗写真です。黒っぽい建物に引っ張られて露光時間が長くなりすぎた結果、空が白く飛んでしまっていて、桜の花も白っぽい。肝心なところのディテールもイマイチ。しかし、RAWデータから補正することで、右の写真ぐら... 続きを読む

キヤノンがカメラ設定に協力したテレビアニメがスタート 　EOS 7D Mark II、PowerShot G5 Xが登場　高校生活を描いた「Just Because!」　- デジカメ Watch

2017/09/28 282 users キヤノン Just Because デジカメ Watch

写真部に所属する小宮恵那（登場キャラクター）がEOS 7D Mark IIを使用するシーン カメラ大好きなあなたなら知っているだろう。漫画やアニメに出てくるカメラが、ときおりおかしなサムシングになっていることを。 「レンズ長すぎ」「そこ覗くの？」「グリップ逆では」……もちろん、たがが小道具のディテールに凝る必要はないのかもしれない（意匠権にも配慮しているのだろうが）。しかしカメラ好きとしては気にな... 続きを読む

麻生失言について推論している内にオリジナルが公開されてしまったのだけど、まあ、私の推論はこうでした。 - finalventの日記

2009/08/24 228 users 言明 finalvent 原典 コンテクスト 文脈

オリジナル⇒首相「金ないのに結婚するな」 : 動画 - 47NEWS (よんななニュース)　で推論はこう。　その前に原則全体のコンテクスト（文脈）を理解する。(1)問いに答えている、(2)若者に人生経験者が結婚を説いている。「(2)若者に人生経験者が結婚を説いている」の話題は何か？　尊敬ということ。話者のポジションを理解する。（麻生さんはカトリック信者だ）具体的なディテールは原典に近い矛盾する言明... 続きを読む

UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ | コリス

2014/10/14 224 users ブラー 縦長 コリス エレメント Photoshop

UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザイ...記事の続きを読む 続きを読む

「響け！ ユーフォニアム」のここがすごい！ 最終回目前、アニメ界に燦然と輝く傑作青春ストーリーについてみんなで話しませんか？ - 週刊はてなブログ

2015/06/29 188 users ユーフォニアム 作風 リアリティ 人物描写 著者

2015-06-29 「響け！ ユーフォニアム」のここがすごい！ 最終回目前、アニメ界に燦然と輝く傑作青春ストーリーについてみんなで話しませんか？ ブログピックアップ アニメ 京都アニメーションが手がけるアニメ「響け！ ユーフォニアム」が人気を集めています。 原作小説の著者である武田綾乃さんは吹奏楽出身ということで、リアリティのある物語、人物描写や、京アニならではのディテールまでこだわった作風、演... 続きを読む

ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ | コリス

2013/07/04 158 users インターフェイス 手助け コリス アニメーション ウェブページ

ユーザーが目的を達成するために手助けをする、機能的で、直感的で、美しいインターフェイスを備えることは非常に重要です。最近のウェブサイトやスマフォアプリなどでは、アニメーションを伴ったインターフェイスも増えてきました。 アニメーションを伴った楽しいUI、ディテールにこだわったUIなどをコレクションしているサイトを紹介します。 SIX UX アニメーションを伴ったUIを6秒ほどの動画にしてコレクション... 続きを読む

tikeda::Diary - ドット絵ができるまで

2005/07/13 145 users Wink tikeda diary アイコン 手法

23:01アイコンなどを作る時はよく、ドット絵をデザインの手法として使うのですが、これまで、とてもたくさんのドット絵を描いてきてテクニックをあれこれ身につけてきました。はてな社内でも、どうやって描いてるの？みたいな事を時々聞かれます。試しにはてなマップで地図に表示される「写真」アイコンをWinkを使って再現してみました。（実際の物はもっとディテールに手をいれてますが。）意外と時間がかかってしまい、... 続きを読む

O'Reilly Japan - マイクロインタラクション

2014/03/04 126 users マイクロインタラクション インタラクション プロトタイプ

UIのディテールをほんの少し工夫するだけでUXは劇的に改善します。本書では効果的なマイクロインタラクション――ひとつの作業だけをこなす最小単位のインタラクション――の意味、有効性、デザイン手法を学びます。マイクロインタラクションを「トリガー」「ルール」「フィードバック」「ループとモード」に分解して豊富な実例とともにていねいに解説し、さらにプロトタイプやドキュメント作成、テストといった実践的な手法も... 続きを読む

[CSS]「:before」「:after」でタブのディテールを強化するスタイルシート | コリス

2011/05/15 121 users コリス Safari Firefox Chrome After

対応ブラウザは「:before」「:after」はCSS2ですが、スタイルに角丸などのCSS3を使用しているため、CSS3対応ブラウザ（Firefox, Chrome, Safari, IE9）でご覧ください。 HTML リスト要素を使用して、実装します。 Home Abou... 続きを読む

デザインのディテールへのこだわりが必要な理由 | BLOG | FICC

2016/01/08 107 users 善し悪し FICC ディレクター デザイナー 立場

もしあなたがデザイナーで、何らかのプロジェクトのデザインを任された時、何を基準にしてデザインを詰めればいいか不安になったことはないでしょうか。または、あなたがディレクターやプロデューサー側の立場で、デザイナーからあがってくるデザインの善し悪しを判断しなけらばならなくなった時、何を基準にして判断すればいいのか、基準が曖昧だったりした経験はないでしょうか。 デザインの善し悪しを判断する上で、判断材料と... 続きを読む

フラットデザインの参考になりそうなフリーアイコンやUI Kit、イラスト |　バニデザノート

2013/07/02 99 users フリーアイコン バニデザノート 手抜き UIキット クオリティ

フラットデザインを作成する際に参考になりそうなフリーアイコンやUIキット。「フラットデザイン＝手抜き」というのでは、クオリティが保てません。ディテールを確認し、フラットデザインの特徴を捉えていきましょう。 続きを読む

Webサイトのデザインの完成度をアップする、小さなディテールだけど効果が確実にある改善方法 | コリス

2015/08/18 86 users コリス デザイナー 下記 Webサイト全体 各ポイント

Webサイトのデザインで大切なのは、小さなディテールの積み重ねです。一つひとつは些細なことかもしれませんが、それらをおろそかにしてしまうとWebサイト全体が台無しになってしまいます。 アマチュアのデザイナーが普通によくやってしまう間違いとその改善方法を紹介します。 Top 10 Mistakes that Make your Website Look Unprofessional 下記は各ポイント... 続きを読む

ディテールにこだわりを魅せる、高品質で美しい無料デザインPSD素材まとめ 2014年春PhotoshopVIP |

2014/03/06 86 users 高品質

海外デザインブログDesign Reviverで、これからのデザイン制作に活用したい、高品質なPSDデザイン素材をまとめたエントリー「10 Great New Freebies from February 2014」が公開されていたので、今回はこちらをベースに、個人的に見つけたブックマークしておきたい、フリー素材を一緒にまとめてご紹介しています。 配色の参考にしたいUIデザインキットや、完成したア... 続きを読む