タグ

designに関するadetonのブックマーク (31)

  • 勘違いだらけのAndroid UIデザイン

    【増員!→370名】 開発者、デザイナー必見! アプリ制作勉強会 / 勘違いだらけのAndroid UIデザイン 発表資料(2012年8月21日) http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.Read less

    勘違いだらけのAndroid UIデザイン
  • coconala(ココナラ)のリデザインを担当させていただきました

    7月3日に公開されたココナラ(運営会社:株式会社ウェルセルフ)のリデザインを担当させていただきました。 ココナラをどのようにデザインしていったか、またデザインの特徴などを書いてみましたので、参考になればと思います。 そもそもココナラとは? 500円で個人の経験・知識・スキルを売買できるWebサービスです。 自分の得意なことをサービスとして売ったり、他の人の得意なことをサービスとして買ったりすることができます。 購入者一人ひとりに合わせたオーダーメイドの回答がもらえることが特徴です。 私の担当領域 デザインがメイン作業で、単純なページに関しては情報設計+デザインを担当しました。 また、1からのデザインではなく、元々のベースがあって、それの作り替えという感じでした。(なので、リデザイン) 情報設計は @satoshimmyo さんが行い、その指示のもとデザインを作成していきました。 デザインプ

    coconala(ココナラ)のリデザインを担当させていただきました
  • Smart UI について、だらだらと - みねこあ

    昨年のエントリー、 DDDについて、だらだらと からのびのびになってしまいました、 Smart UI アンチパターンについて。 Smart UI アンチパターンは コの業界で非常に目にするパターンで、また、素人が素人のままで仕事が出来てしまう パターンなのですが、その是非を論じる前に、まずはどういうものかを整理したいところです。 一言で言えば、「Smart UI、アンタ良い者なん?悪者なん?」 * * * DDD の Smart UI “Anti-Pattern” を読んでいると、これは当にアンチパターンなのかとも思えてきます。 Advantages Productivity is high and immediate for simple applications. シンプルなアプリを作る上では生産性は超高いし、出来るのも早いよ! Less capable developers can

    Smart UI について、だらだらと - みねこあ
  • いまさらきけない「ドメインモデル」と「トランザクションスクリプト」 - ひがやすを技術ブログ

    このネタは、私自身も何度も書いてきたけど、結局意味のある結論になったためしがありませんが、再度考え直してみたいと思います。 「ドメインモデル」と「トランザクションスクリプト」をすごく簡単に説明すると、トランザクションスクリプトとは「アクションより起動される一連の手続き」、ドメインモデルとは「ドメイン内の名詞によって体系化されたモデル」です。 トランザクションスクリプト派は、「トランザクションスクリプトの方が書くのが簡単だし、業務アプリケーションにオブジェクト指向は、ほとんど必要ない」といいます。 それに対し、ドメインモデル派は、「ドメインモデルはオブジェクト指向を生かすことができるのでメンテナンス性が良い」と主張します。 ずっと平行線のままですね。 私は一番最初に「ユースケースと一対一にサービスクラスを設け、ビジネスロジックはサービスクラスに記述する」という主張をしてました。 記念すべき(

    いまさらきけない「ドメインモデル」と「トランザクションスクリプト」 - ひがやすを技術ブログ
  • インタラクションデザイン - Wikipedia

    この記事には参考文献や外部リンクの一覧が含まれていますが、脚注による参照が不十分であるため、情報源が依然不明確です。適切な位置に脚注を追加して、記事の信頼性向上にご協力ください。(2023年1月) インタラクションデザイン(英: Interaction design)は、技術的システム、生物学的システム、環境システム、組織などの振る舞い(対話、インタラクション)を定義し生成する規範の一種である。 概要[編集] 例えば、ソフトウェア、各種製品、携帯機器、環境、サービス、ウェアラブルコンピューティング、組織自体などのシステムに適用される。インタラクションデザインは、人工物やシステムのユーザーへの反応を振る舞い(インタラクション)として定義する。IaD または IxD と略記されることもある。システム開発においてユーザーの人力操作に対するシステムからの適切な反応を設計することで利用目的に合致した

  • ASP.NET MVC - Should I use the Repository Pattern to write ViewModels to the database or convert them to Models first?

    adeton
    adeton 2010/05/06
    RepositoryとViewModelについて、後で読んでみる。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • いまからでも遅くない! ケータイデザインの基礎固め

    いまからでも遅くない! ケータイデザインの基礎固め:一撃デザインの種明かし(6)(1/2 ページ) 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった! ケータイデザインの基礎の基礎 ケータイの画面サイズを考える! 一般的な画面サイズはQVGA(縦320px×横240px)ですが、最近ではQVGAワイド(

    いまからでも遅くない! ケータイデザインの基礎固め
    adeton
    adeton 2009/09/03
    最初だけ読んだけどまとまってると思う。ケータイもそろそろやってみたいなぁ。
  • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

    Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

    adeton
    adeton 2009/08/12
    多すぎて追い切れないのでリンク集として。
  • ブラウザはUIを隠して表示領域を広く--ウェブアプリケーション時代に向けた取り組み

    個人的にブラウザメーカーに感謝をささげたい。筆者のスクリーンがあまり大きくないことに気付いてくれたのだから。 筆者は、ディスプレイの有効領域で使えるものはすべて使いたいと望む1人だ。文章を書いているとき、受信ボックスをチェックしているとき、写真を編集しているとき、見られる領域が増えれば増えるほど、満足感も増し、生産性も向上する。 最大化ボタンが筆者の味方。ツールバーは敵だ。 だから、ブラウザメーカーがこの問題に新たな関心を寄せていることを伝えることができるというのはうれしいことだ。筆者にとって、この問題はウェブサイトを読む上で重要なことだが、新世代のウェブアプリケーションのためには当に重要なことだ。ブラウザで画素が1列節約されれば、それを各ウェブベースアプリケーションで使うことができる。 Mozilla Foundationの最終的な目標は、ユーザーインターフェースを可能な限り背景に退け

    ブラウザはUIを隠して表示領域を広く--ウェブアプリケーション時代に向けた取り組み
    adeton
    adeton 2009/08/06
    なるほど、UIを隠すか…。確かにFx使ってる時は極力ツールバー消したくなる。
  • 女の子っぽい字の手書きフォント9つ*二十歳街道まっしぐら(FC2ブログ時代)

    女の子が書いたような字が書けるフォントの紹介です。 まずは、あんずもじです。 ■あんずもじ サイト:http://www8.plala.or.jp/p_dolce/font2.html ダウンロード:http://www8.plala.or.jp/p_dolce/font2.html サンプル: 丸みのある字が書けます^^;絵文字もあります。 以下に、その他8つの手書きフォントを紹介します。 ■みかちゃん サイト:http://www001.upp.so-net.ne.jp/mikachan/ ダウンロード:http://mikachan.sourceforge.jp/dl.html サンプル: ■あずきフォント サイト:http://key.milkcafe.to/azuki/ ダウンロード:http://key.milkcafe.to/azuki/font/index.html サンプ

  • フリーで使えるいい感じの手書き風フォント特集(日本語も)*ホームページを作る人のネタ帳

    はじめに 基原則として、個人、商用で使えるフォントもご紹介いたしますが、転売はしてはいけません。 フリーだからといって、作品を販売する事まで許可されているサイトは今回紹介する中にはありませんのでご注意を。 また、個人なら無償で使えると言うフォントもフリーという言葉でくくっております。 その場合、注意書きを全て書きましたが、この記事が古くなったときに、実は商用でも使えるようになってたり、もしくは、商用で使えなくなってたりと言う『利用規約の変更』が行われる場合も考えられます。 そのため、なるべく御自身の目でライセンスの確認をするようお願いいたします。 また、これらのフォントはphotoshop、及びillustratorを対象に作ったと言う方が多いです。 動作がうまくいかなかったり、不具合をおこしても、提供元、紹介元(私)は一切の責任を負いませんのであらかじめご了承願います。 英語+フリーラ

    フリーで使えるいい感じの手書き風フォント特集(日本語も)*ホームページを作る人のネタ帳
  • ウェブデザインのタブーをあえて破ってみるための10のTips

    ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。 10 Web Design Rules That You Can Break 下記、各ポイントをピックアップしてお届けします。 はじめに 1. 水平方向のスクロールバーを表示しない 2. フォントの書体は必要最小限の数だけ使用する 3. やたらと多くのカラーを使用しない 4. サイトのゴールを明白にする 5. ナビゲーションは理解しやすいものにする 6. テキストと背景には異なるカラーを使用する 7. コンテンツにはアニメーションを配置しない 8. ウェブ セーフ フォントを使用する 9. スプラッシュ(ランディング)ページを使用しない 10. tableは使用しない はじめに ウェブデザインの進化は、一貫した有用なデザインの保証とともに確立されてきました。そして、あ

    adeton
    adeton 2009/07/17
    逆転の発想。マウスホイールを水平スクロールバーに使うのはなるほどと思った。最後のはネタ。あれ、全部ネタ…?
  • SBOBET: Situs Judi Bola Resmi & Agen Taruhan SBOBET88 Online

    Sbobet Situs Judi Bola Online Resmi Agen Sbobet88 Terpercaya Sbobet adalah agen judi bola taruhan online terpercaya dan berlisensi resmi dari First Cagayan Leisure & Resort Corporation bergerak secara daring sudah terkenal di indonesia. Disini, anda bisa menemukan banyak sekali hal menarik yang berkaitan dengan SBOBET88. Mulai dari segala proses yang selalu cepat dan praktis, pilihan judi online l

    SBOBET: Situs Judi Bola Resmi & Agen Taruhan SBOBET88 Online
  • Infragistics Quince: UX Patterns Explorer

  • シムシティーの仕組み

    シムシティーを作り始めていちばん最初に考えたのは、街を一種の生き物のように表現できないかってことだった。 僕が街についてどう考えているかはすでに説明したけど、大事なのは街を構成する建物とか道路じゃなくって、そこでどんな活動が行なわれているかってことだと思うんだ。道路を車が走り、電車が動き、人々が動き回り、常に要素が変化し続ける“動きのある”システム。街を表現する方法っていうと誰でも地図を思い浮かべると思うけど、僕は動きがない地図じゃなくって、たとえば飛行機から眺めた街、動きのある世界をディスプレイに表現しようって考えた。それこそが僕の考える街の姿だからね。 それともう一つ考えたことは、プレイヤーに伝える情報をできるだけわかりやすく、それも“面白い”って思えるような形で表現しようってことだった。シミュレーション・ソフトっていうとたいてい数値や図表がたくさん出てくるけれど、数字が並んでいるのを

  • エンジニアにもわかる「ユーザーインターフェース設計」

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな

    エンジニアにもわかる「ユーザーインターフェース設計」
  • チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌

    チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占

  • PAOS|CI/VIデザイン、コーポレートアイデンティティ、ブランド戦略、理念経営、イメージマーケティング戦略等のコンサルティング

    PAOSは創業以来、イメージ戦略やデザイン思考と経営融合といった観点から依頼企業の経営資源・環境・DNAを分析し、戦略立案・デザイン政策から企業・事業発展を提案し続けています。それらの研究・実践成果から「日型CI(Corporate Identity)の開発者」や「アジアCI(コーポレート・アイデンティティ)の父」と呼ばれています。

  • Windows ユーザー エクスペリエンス ガイドライン

    This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

    Windows ユーザー エクスペリエンス ガイドライン