角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました! デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいw はじめに:デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
デザインってなんですか? この質問と答えって、いたるところで議論されていますよね。 デザインは設計。こんな悲しい翻訳は無いと思います。 「良いデザインですね」この真意は「見た目が美しい」と、美しさを讃えていたり、専門的に見て「導線がしっかりしていて素晴らしいですね」と評価していたり(設計)多くの意味を含んでいると思います。(発言した側は特に意図していなくても) 設計はもちろん重要なデザインファクター。 シンプルでわかりやすい機能美は非常にハイレベルでハイクオリティなデザインだと思います。 特にWebサイトの場合、目的やターゲットがある程度絞られ、その中でいかにコンバージョンに到達できるかが重要になってきます。 設計が疎かでUI/UX面でストレスを与えてしまえば本末転倒。 限られたユーザーの時間の中でいかに効果的なシグニファイアから導線を、シンプルでキャッチーな見出しから適切
Come sapete, amo molto il linguaggio CSS ed in particolare mi piace sempre andare oltre, in questo caso ho voluto creare un pacchetto di animazioni in CSS3 che potrete usare liberamente per i vostri scopi e quindi nei vostri progetti web, si chiama Magic! Il progetto è hostato anche su GitHub, questo per avere i migliori pareri dai migliori sviluppatori e quindi migliorare il codice, renderlo il p
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. This post was brought to you with help by FusionCharts FusionCharts is one of the industry’s leading enterprise-grade charting solutions. They offer charting solutions that h
Unified Communications has evolved from chat, voice and video conferencing to a full suite of integrated applications that enable remote work, project management and team collaboration to improve productivity and streamline workflows. With integrated calling, video conferencing, chat and messaging, we can bring your team together in real time to work, share and create. From the office, to home and
Jamn – The musician’s multi-toolというアプリが今週のAppに選定されて、一週間無料になっています。 このアプリは音楽の理論やコード進行、楽器の弾き方などが学べるアプリです。 画面は特別なぐるぐる回すようなUI。 コードを指定すると、そのコードを鳴らしたり、楽器によって指を押さえる、置く位置を教えてくれます。 また、楽器もギター、ピアノ、ウクレレ、チューナーから選択することができます。 もちろん、実際に音を鳴らして確かめることができます。 アプリとしては楽器を学ぶ初心者向けのアプリとなっています。 しかし、実際にコードを鳴らすことができるので、楽器を持たずして作曲のツールとしても使えると思います。 音楽、楽器初心者にオススメのこのアプリ、今なら無料なのでぜひ。 UIも面白いので、気になった方はぜひチェックしてみてはいかがでしょうか。 Jamn – The mu
デザインには意味があります。物を配置するにしても、なぜそれを配置するのか?なぜその色味なのか?なぜそこに置くのか?など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
最近のウェブデザインには欠かせない素敵なグラデーションを描くPhotoshopのグラデーション素材を紹介します。
SITE DESIGN / GRAPHIC DESIGN / CODING - HTML, CSS, JavaScript / WordPress DESIGN / EC, SHOP SITE DESIGN / DOMAIN, SERVER SETTING / MAINTENANCE / CONSULTING ウェブデザイン 承ります HASEGAWAHIROSHI.JP フリーランスのウェブデザイナーです。 グラフィックデザイン、UIデザインを軸にサイト設計からコーディングまで対応しています。何よりお客様がお持ちの大切な価値をユーザーにわかりやすく伝えることを第一に考えています。 原則サイトはスマートフォンなどモバイル端末に対応するレスポンシブウェブデザインにて設計します。お客様と共に検討したデザインをHTMLとCSSにて忠実に再現し、SEOを踏まえた正しい文法でコーディングします。また
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く