理系にも分かるイラストの描き方
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
はてなのデザイナーがお薦めするデザイン関連書籍7冊 - Hatena Design Group
photo by Abee5 こんにちは、はてなデザインチームのid:murata_sです。 人の家にあがったらやっぱり最初に本棚をみてしまいますね。どんな本読んでるんだろう？ 何に興味があるのかな？ 気になります。本選びには、その人の個性がすっごく出てきますね。 やっぱり気になるデザインの本 はてなのデザイナーは、普段ウェブのデザインをしていますが、ちょっと道端で話をしたりすると、ウェブ以外のデザイン情報にも造詣が深いんです。あれやこれや何でも出てきます。良い本知ってそう！ ぜひ聞きたい！ ということで…… 善は急げ、さっそくお気に入りのデザイン関連本を聞いてみました。いろいろ紹介したい人もいるようですが、今回は一人一冊です。 注：一見するとデザインとは関係のない本が並んでいるようにみえるかもしれませんが、いまデザイナーとして活躍している上で大きく影響を受けた本ということで選んでもらって
日本のウェブデザインはなぜこんなにも世界と違うのか？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
本記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています（元記事）。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日本の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例１：楽天市場 有名な日本のサイトの多くを見てみると、次のような傾向が見られる。（例えば、 Yahoo Japan、楽天、ニコニコ、JR東日本、読売新聞…） 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離
iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil
グーグル 無料のウェブ制作ツール Web Designerを公開
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。 新規ファイル作成画面 3Dビューを備えたイラストレーター的ツール チュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る？
UIが変わる度に文句いう人 - 良いあそなすちゃん
iOSを始め最近あちこちのWebサービスでUIが変わり始めていますね。UIが変わる度に主にTwitterで文句を垂れる人がいるけど、じゃあ、お前の中でどうなったら最適なUIなのかをブログにかいてくれよ。って僕はいつも思ってる。UIが変わる度に条件反射でTwitter開いて「クソUI」の4文字をテキストエリアに叩きこむ余裕があるなら、UIが変わった理由を考えてほしいし、ちゃんと客観的な理由でクソであるんだったら「クソUI」の4文字を許容できると思う。WebサービスのUIが変わる度に思考停止気味な「クソUI」の文字列にうんざりするし、僕が1番危惧しているのは、思考停止の塊の連中がうだうだ言うせいで、Webサービスのユーザの幸せを願ってUIの改善に注力しているチームがUIを改善することに抵抗を感じてしまうとそれはもうWebサービスっていうかものづくりの破滅の始まりだ。 慣れたUIがいい人達、必要
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
ストレスのないスマホサイトを作る８つのポイント！
お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテンプレート
pixelstick - Light painting evolved. - YouTube
ニコニコ動画（Re:仮）
海西瓤蔚建筑材料集团有限公司
モバイルアプリのUIを処理系統でまとめた『UX Archive』 | 100SHIKI
流行に乗っていいの？フラットデザインの落とし穴
新着記事
JavaScriptアプリケーションのためのデザインパターン
GunosyのUIを徹底的に分析してリデザインしてみた
